【纯手打】html整理

来源：互联网发布：新开的淘宝店怎么升级编辑：程序博客网时间：2024/06/05 23:06

系统复习:2016.10.15

1.是注释标签，如，用于注释网页内容，浏览器不会将其显示在页面上。

2.<!DOCTYPE>是声明标签声明标签必须位于html文档的第一行，位于html标签之前，是指示浏览器关于页面使用哪个html版本进行编写的指令，没有结束标签，对大小写不敏感。Html5的标签为<!DOCTYPE html>

3.<a>是定义超链接的标签，用于从一张页面连接到另一张页面，其中最重要的是href属性，指示链接的目标。如<a href:”http//....”>这是个指向网页的链接</a>，拓展：可以使用download属性来进行下载，如<a href=”..” download=”路径”></a>；target，规定在何处打开新文档，_blank使浏览器在一个新打开的窗口载入，_top使得文档载入包含这个超链接的窗口，用_top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口，如<a target=”_blank”等。

4.<abbr>标签定义缩写，在鼠标移动到该元素上会显示完整版本，如<abbr title=”ABC”>a</abbr>are three letters

5.<address>定义文档或作者的联系信息，如果位于body标签内，则表示文档的联系信息，该标签内的文本通常呈现为斜体如<address>sssss</address>

6.<area>标签定义图像映射中的区域，总是嵌套在<map>标签中，在html中，area没有结束标签，如<map name=””id=””><area alt=”” />等

7.<audio>标签用于播放音频，如<audio src=””>aa</audio>等，拓展：autoplay属性为自动播放，controls会出现播放控件，loop属性会在音频结束后重新播放。

8.<b>呈现粗体文本效果；<i>呈现斜体文本效果；<big>呈现大号字体效果；<small>呈现小号字体效果

9.<blockquote>定义长引用，之间的文本会从常规文本中分离出来，经常会在左右两行进行缩进，而且有时会使用斜体。

10.<body>定义文档的主体，与</body>配合食用。

11.<br />定义换行，没有结束标签。

12.<button>定义按钮，<button>和</button>之间的内容全都是按钮的内容，可以放置文本或者图像，唯一禁止的是图像映射，使用按钮必须要规定type属性

13.<col>标签为元素三个列规定了不同的对齐方式，适用于针对所有列，如<col align=”” />，常用align的元素：left，right，center

14.<datalist>标签用于定义下拉列表，使用方式为<input id=”” list=””><datalist id=””><option value=””><option value=””></datalist>。

15.<del>定义文档中已删除的文本，如<del>20</del>，效果为20

16.<div>标签可定义文档中的分区或节，可以把文档分割成独立的，不同的部分，可以用作严格的组织工具，可以使用id和class标记div

17.<fieldset>元素可将表单内相关元素分组，将一组表单元素放到变迁内时浏览器会以特殊方式来显示他们，使用方式为<form> <fieldset><legend>标题</legend>P1<input type="text" />P2<input type="text" /></fieldset></form>

18.<figcaption>标签用作文档中插图的标题，有闭合标签

19.<figure>标签用于文档中插图的图像，内容应该与主内容相关，但如果被删除不应对文档流产生影响，有闭合标签，使用方式为<figure> <p></p><img src="" width="350" height="234" /></figure>

20.<footer>标签定义文档或节的页脚，应当含有其包含元素的信息，通常包含作者，版权信息，使用条款等等，可以多次使用该标签，有闭合标签。

21.<form>标签用于为用户输入创建HTML表单，表单能够包含input元素，比如文本字段，复选框，单选框，提交按钮等，用于向服务器传输数据，格式为<form action="">First name:<br><input type="text" name="firstname" value="Mickey"><br>Last name:<br><input type="text" name="lastname" value="Mouse"><br><br><input type="submit" value="Submit"></form>

22.<frameset>标签和<frame>标签用于制作简单的框架页面，格式为<frameset cols="25%,50%,25%"> <frame src=""> <frame src=""><frame src=""></frameset>

23.<h1>~<h6>标签可定义从大到小的标题

24.<head>定义文档头，可以引用脚本，包含了文档的标题，web中的位置以及与其它文档的关系等等，绝大多数的头部数据不会显示给读者，拓展：可用于head标签中的参数——base标签为页面上的所有连接规定地址或者默认目标。通常浏览器会从url中提取相应的元素来填写url中的空白，使用base标签可以使浏览器用指定的基本URL来解析所有相对URL，没有闭合标签；link标签定义文档与外部资源的关系，常用于链接样式表，没有结束标签；meta标签可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词，没有结束标签；style标签用于为html文档定义样式信息，type属性是必须的，唯一可能的值是text.css，如<style type=”text/css”>h1{}p{}</style>；script标签用于插入一段jacascript；title标签用于定义文档的标题

25.<header>标签用于定义文档的页眉，有结束标签。

26.<hr />用于创建一条水平线。

27.<html>标签用于创建html文档。

28.<iframe>标签用于创建包含另外一个文档的内连框架，有闭合标签。拓展：iframe标签的可用属性——frameborder，用于规定是否显示框架边框，若为0则不显示，为1则显示；height用于规定iframe的高度，可用pixels或%；marginheight定义iframe的顶部和底部边距，用pixels；marginwidth规定iframe距离左右边框的边距，用pixels；src规定显示文档的URL；width规定iframe的宽度，用pixels或者%。

29.<img>标签用于插入一个图像，应当有src（规定图像的URL）和alt（规定图像的替代文本），可用width设置图像的宽度，没有结束标签。

30.<input>用于收集用户信息，可以type为txt，submit等，没有结束标签。

31.<ins>标签用于规定添加文本，如<ins>12</ins>显示为12.

32.<kbd>标签定义键盘文本，表示文本时从键盘上插入的，常用等宽字体显示该标签中包含的文本，有结束标签。

33.<label>标签用于为input元素定义标注

34.<legend>为fidest定义标题，有闭合标签。

35.<ol>定义有序列表，会为数列中的各项添加数字标识，有闭合标签。

36.<ul>定义无序列表，只会为各项添加·标识，有闭合列表

37.<link>定义文档与外部资源的关系，用于连接一个外部样式表，没有闭合标签。

38.<mark>标签定义带有记号的文本，有结束标签。

39.<meter>标签用于显示度量值，用法为<meter value="3" min="0" max="10">3/10</meter>。

40.<meta>标签用于提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词，没有结束标签。

41.<optgroup>标签定义选项组，用于组合相同类别的选项，如<optgroup label="Swedish Cars"> <option value="volvo">Volvo</option><option value="saab">Saab</option></optgroup><optgroup label="German Cars"><option value="mercedes">Mercedes</option><option value="audi">Audi</option></optgroup>

42.<option>标签定义下拉列表中的一个选项，select标签的菜单或者是滚动列表的一个元素显示，有结束标签。

43.<output>标签定义不同类型的输出，比如脚本输出，通常用于执行计算然后显示结果，如<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0 <input type="range" id="a" value="50">100 +<input type="number" id="b" value="50"> =<output name="x" for="a b"></output></form>

44.<p>标签定义段落，p元素会自动在其前后创建一些空白使浏览器自动填补，有结束标签。

45.<progress>标签标示任务的进度，通常与javascript一起使用，用来表示任务进度，有结束标签。

46.<pre>标签标示预格式文本，pre元素中的文本通常会保留空格和换行符，而文本也会呈现为等宽字体，常用来标示源代码，有结束标签。

47.<p>标签为短引用标签，浏览器会自动添加引号，有结束标签。

48.<ruby>标签定义ruby字符，显示东亚字符的发音，有结束标签

49.<script>标签用于定义客户端脚本，既可以包含标本语句，也可以通过src属性指向外部脚本文件，有结束标签，如<script type="text/javascript">document.write("<h1>Hello World!</h1>")</script>

50.<section>标签定义文档中的节，有结束标签

51.<select>标签创建单选或者多选菜单，有结束标签，通常和option一起使用，select是一种表单控件，可用于在表单中接受用户输入，拓展：select中的可用属性——disabled，禁用该菜单列表；form为规定下拉列表所属的一个或者多个表单；nultiple属性允许在下拉列表进行多选，格式为<select multiple=”multiple” size=””></select>;name属性定义select元素的名称，用于对提交服务器后的表单数据进行标示，或者在客户端通过JavaScript引用表单数据；size规定下拉列表中可见选项的数目。

52.<span>标签用来组合文档中的行内元素，可以使用样式，有结束标签。

53.<style>定义HTML文档的样式信息，type属性是必须的，唯一可能的值是text/css，位于head元素中

54.<sub>标签定义下标文本，有结束标签

55.<sup>标签定义上标文本，有结束标签。

56.<table>标签用于定义一个简单的HTML表格，一个HTML表格由table元素以及一个或者多个tr，th或者td元素组成，tr元素定义表格行，th元素定义表头，td元素定义表格单元，如<table border="1"><tr> <th>Month</th><th>Savings</th></tr> <tr><td>January</td> <td>$100</td> </tr></table>，具体参见http://www.w3school.com.cn/tags/tag_table.asp

57.<textarea>标签用于定义多行文本输入控件，文本区内可容纳无限数量的文本，其中文本的默认字体是等宽字体，可以通过cols和rows属性定义尺寸，如<textarea rows="3" cols="20"> 233</textarea>，row是可见行数，cols是可见宽度。

58.<th>标签定义表格内的表头单元格，通常呈现为居中的粗体文本。有结束标签

59.<title>标签可定义文档的标题。

60.<video>标签定义视频，比如电影片段或者其他视频流，如<video src=" " controls="controls"></video>拓展：vidio中的可用属性——autoplay，可使视频就绪后自动播放，controls可显示播放控件，height设置播放器高度，loop可使视频循环播放，width可设置播放器宽度

0 0