任何具有修改样式但没有语义的标签尽量不要使用，要修改样式就使用CSS，因为HTML是文档结构的语言，CSS才是文档样式的语言。要做到内容与样式分离！
（1）注释：<!-- -->写在注释中间的内容不会被浏览器解析，宁可不写注释也不可写误导的注释！
（2）声明HTML 5文档：<!DOCTYPE html>告诉浏览器是5版本的
（3）根元素：<html></html>所有代码都是写在这里面的
（4）页面头部分：<head></head>
（5）页面标题：<title></title>定义页面头部分中的代码。
（6）页面主体部分：<body></body>整个页面的代码都写在这里面
（7）标题：<h1></h1>至<h6></h6>用于定义不同语义的标题，数字越小标题越大。h1标题在整个页面中只能只有1个，代表这个标题非常重要。
（8）段落：<p></p>定义一个段落，这是一个快级标签，在浏览器中是要占满一整行的。而且是有上下外边距的，所以它的上下部分会有很大的空白。块级标签1.独占一行，不和其他元素待在同一行2.能设置宽高3.常见的块级标签：div,p,h1-h6,ul,li,dl,dt,dd，hr
（9）换行：<br>就是一个Enter键
（10）水平线（类似于分割线）：<hr>也是一个快级标签，会占满一整行。
（11）标签们的容器：<div></div>一个网页的一部分通常由好几个标签组成，然而这好几个标签必须在一个容器中，好排版网页。这个容器就是div这是一个快级标签，会占满一整行
（12）文本的容器：<span></span> 常用于存储文本，不过这是一个行内标签。不会占满一行。 （13）强调性标签：<em></em>定义强调的文本。（不要因为它的外观是斜体，而就当作斜体用。斜体要使用CSS来定义！！！）
（14）重要性的标签：<strong></strong>要记住它的语义，是重要性的文本。（不要因为它的外观是粗体，而就当作粗体用。粗体要使用CSS来定义！！)
（15）声明性的文本：<small></small>是声明性的文本。（不要因为它是小号字体，而就当作小号来用。）它适用于免责声明，注意事项，法律规定和版权相关的声明性文字！！！！
（16）上标文本：<sup></sup>相当于数学中的指数。
（17）下标文本：<sub></sub>
(18) 文本方向：<bdo></bdo>这个是用来决定文本的显示方向。从左向右显示和从右向左显示。
标签中的dir是一个标签属性，ltr（left to right）和rtl（rigth to left）是属性参数，控制文本方向的。
（19）缩写：<abbr></abbr>定义一个术语的缩写形式，建议使用title属性来定义该缩写的全称。这个title不是<title></title>标签上的title属性，作用是当鼠标悬停在标签上时会显示指定的内容。
鼠标悬停在HTML上出现HyperText Markup Language
（20）地址：<address></address>表示一个地址。比如家庭住址，URL啦等等。这是一个快级标签，会占满一整行。
(21) 长引用：<blockquote></blockquote>引用其他地址中的长文本的话，需要使用这个标签。而且建议使用cite属性来表明这段长文本的原地址是哪里，虽然不会显示在网页中。这是一个快级标签，，会占满一整行，而且上下左右都有外边距。
（22）有长就有短引用：<q></q>这是一个行内标签，不会占满一整行。但是文本有双引号。
（23）显示计算机代码：<code></code>显示代码就用它！
（24）专业术语：<dfn></dfn>记住它的语义，是专业术语。不要因为它是粗体或斜体，而就当做粗体或斜体来使用。
（25）删除文本：<del></del>语义！语义！语义！是用来表示已被删除的文本。
注意看“在”字中间有一条删除线
（26）你删除？我插入：<ins></ins>语义！语义！语义！是用来表示已被插入的文本
注意看“再”字底部有一条插入线
（27）预格式化：<pre></pre>写在该标签里的内容有多少空格就显示多少空格、有多少缩进显示多少缩进、有多少换行显示多少换行等等。这是一个快级标签，上下左右都有外边距。
(28) 超链接：<a></a>当一个标签需要指定其他网页时，可以使用超链接来实现。改标签有一个href属性，是用来指定其它网页的路径。
点击进入其他网页我们还可以使用a标签制作返回顶部、底部或者任何位置的效果。这利用了a标签的name属性，这个用于定义一个锚点。然后我们在使用a标签访问这个锚点就可以进行跳转。
(29) 列表相关标签：
定义无序列表：<ul></ul>
定义有序列表：<ol></ol>
定义列表项：<li></li>
(30) 添加图片：<img> 该标签有一个必有的属性src用来指定图片的位置（地址）。
(31) 表格相关的标签：
定义表格：<table></table> //border属性用来指定单元格的边框宽度
定义表格的标题：<caption></caption>
定义行：<tr></tr>
定义单元格：<td></td> //td标签还有两个属性：rowspan（合并几行）、colspan（合并几列）
定义表单元格：<th></th>我们现在定义一个有标题的两行三列的表格：
(32) 新增通用属性：
在浏览器中直接编译：contentEditable鼠标单击指定的元素可以直接编译。
(33) 创建表单：<form></form>
属性：action ，当点击提交时，表单中的请求传送参数名和值会被传送到那个地址中。
属性：method，规定以哪种方法传送数据。method属性有两个属性值：get and post。
get传送方法是将被传送的参数名和值转换成字符串然后添加到原URL的后面以“？”号开头。该方法传送的数据量小，不安全。
提交前：
提交后：
Post方法不会添加URL，而且传送的数据量大，安全。
(34) 输入标签:<input/>
属性：type=”text” ， 生成一个单行文本框。
属性：type=”password” ，生成一个密码文本框。
属性：type=”hidden” ，生成一个隐藏域，没有可视化，它用于向服务器提交其他参数，使用value属性值来提交数据。
属性：type=”radio” ， 生成一个单选框。必须设置name属性，而且属性值必须一样。可以理解为同属性值的为一组，一个组里只能有一个可以被选中。
属性：type=”checkbox” ， 生成一个复选框。规则与单选框一样。
属性：type=”file” ， 生成一个文件上传框。
属性：type=”submit” ， 生成一个提交按钮。
属性：type=”reset” ， 生成一个重置按钮。
(35) 多行文本框：<textarea></textarea>
属性：cols ， 指定文本框的宽度。
属性：rows ，指定文本框的高度。 
(36) 把输入框与其他标签绑定：<label></label>就是当我们点击被绑定的元素时，输入框就会获得焦点。
点击‘输入用户名’时，输入框会有焦点。
(37) 下拉菜单：<select></select>
列表组：<optgroup></optgroup>
属性：label , 列表组标题
列表项：<option></option>
(38) 输入框提示效果：
placeholder , 这是一个属性
(39) 输入框其他属性：
type=”color” , 颜色选择器
type=”date” , 日期选择器
type=”time” , 时间选择器
type=”datetime-local” , 本地时间、时间选择器
type=”month” , 月份选择器
type=”number” , 只允许输入数字属性
min , 指定数值的最小值属性
max ,指定数值的最大值属性
step , 指定数值的步长
type=”range” , 会生成一个拖动条属性
min , 拖动条的最小值属性
max ,拖动条的最大值属性
step , 拖动条的步长 
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
