初学web前端的条记总结

Html和css的关系：css是修饰HTML样是的，HTML+css是组成网页的基本页面结构及样式。第一章：HTML5的先容1、标签是由英文状态下< >两个尖括号组成的。2、html中的标签一般都是成对泛起的，离开始标签和竣事标签。

竣事标签比开始标签多了一个/。3、标签与标签之间是可以嵌套的，可是先后顺序必须保持一致。

4、HTML标签不区分巨细写，一般接纳小写。5、head标签:head标签为双标签，通常嵌套<meta>、<title>、<style>标签使用。

6、body标签:网页中所展示的内容全部放在body标签中。第二章：HTML5语义化标签2-1语义化明确每个标签的用途（在什么情况下使用此标签合理）好比，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中等等。

语义化标签的利益：1. 更容易被搜索引擎收录。2. 更容易让屏幕阅读器读出网页内容。2-2段落标签-p标签语法：<p>段落文本</p>注意：在网页上显示文章，就把文章放在p标签中。

有几多个段落就放几多个p标签。2-3 自界说文字样式-span标签语法：<span>文本</span>注意：这个标签是没有语义的，它的作用就是设置单独的样式。2-4标题标签-hx标签语法：<hx>标题文本</hx>（x为1-6）注意：标题标签一共有6个，h1,h2,h3,h4,h5,h6,划分为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。

而且依据重要性递减。<h1>是最高的品级。

因为h1标签在网页中比力重要，所以一般h1标签被用在网站名称上。2-5 自界说块-div标签语法：<div>......</div>注意：在网页中独立的栏目板块就是一个典型的逻辑部门，每个逻辑部门可以单独放在div标签中，div标签相当于一个容器。2-6在body中用<header>标签来界说头部；<footer>标签来界说底部；<section>标签用来界说正文的区域；<aside>标签，界说一个侧边栏区域。第三章：HTML5效果标签文本中需要换行的地方使用<br/>标签，<br />标签作用相当于word文档中的回车； 代表一个空格；<hr/>标签代表水平支解线。

<hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有竣事标签。第四章：HTML5列表标签4-1无序列表-ul-li标签语法：<ul><li>信息</li><li>信息</li><li>信息</li>....................</ul>注意：ul-li是无序列表标签，ul-li是没有前后顺序的，在网页中默认每项li前显示的是一个小圆点。4-2 有序列表-ol-li标签语法：<ol><li>信息</li><li>信息</li><li>信息</li>....................</ol>注意：ol-li标签是有序列表标签，是用前后顺序的，在网页中默认每项li前从1开始显示。第五章：HTML5图片，链接及表格标签5-1 添加图片标签-img标签语法：<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">解说：1、src：标识图像的位置；2、alt：指定图像的形貌性文本，当图像不行见时（下载不乐成时），可看到该属性指定的文本；3、title：提供在图像可见时对图像的形貌(鼠标滑过图片时显示的文本)；4、图像可以是GIF，PNG，JPEG花样的图像文件。

5-2添加超链接-a标签语法：<a href="目的网址" title="鼠标滑过显示的文本">链接显示的文本</a>5-3 a标签target属性，可选值为”_self和_blank”，默认值为_self，代表在当前页面打开链接，_blank代表在新窗口打开链接。5-4制作表格标签-table标签解说：建立表格的四个元素：table、tr、th、td1、<table>…</table>：整个表格以<table>标志开始、</table>标志竣事。2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。3、<td>…</td>：表格的一个单元格，一行中包罗几对<td>...</td>，说明一行中就有几列。

4、<th>…</th>：表格的头部的一个单元格，表格表头。5、表格中列的个数，取决于一行中数据单元格的个数。6、border属性可以为表格添加边框，属性值为数字。

注意：1、table标签用来界说整个表格，为双标签，必须有竣事标签。2、table标签内里可以。

本文来源：九州体育-www.mytaylormadefamily.com