html常用标签及属性总结(html中常用的标签)

发布网友 发布时间：2024-09-25 23:19

我来回答

共1个回答

热心网友 时间：2024-10-05 01:03

超文本标记语言或超文本链接标示语言（标准通用标记语言下的一个应用）HTML（HyperTextMark-upLanguage）是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。

它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文件是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

HTML基础-常用标签及语法

HTML注释语法，VScode快捷键【Ctrl+/】：

标题（Heading），是通过h1-h6六个标签分别来对六个级别的标题进行定义的。标题标签只是给标签内部的元素内容添加对应级别标题的语义，样式由CSS设定，标签之间不能相互嵌套，权重从h1向h6依次递减。

注意：h1在整个HTML中的权重非常高，内部应该放置HTML中最重要的内容，比如logo。h1由于非常重要，内部的文字对于提高搜索引擎排名也非常重要，为了防止作弊，如果一个页面出现多个h1，反而降低权重。

约定俗成的，一个页面中只会出现一个h1。

段落（paragraph），是通过p标签进行定义的。p标签是双标签，且为文本级标签。内部只能放置文本、图片、表单元素，或者废弃的font标签等。p标签的作用是给标签内部的内容添加一个完整段落的语义，不负责内容自动换行的样式。换行的效果是由css决定的。

（breaking）标签是HTML中一个简单的换行符。br/标签是一个单标签。在需要换行的位置可以使用br/标签书写，但是br/与p不同，br/没有建立新的段落的语义，只是简单的进行强制换行。

HTML中有部分标签是用来对文字进行格式化显示设置的，比如粗体和斜体等。文本格式化的标签均为双标签，且为文本级标签，内部只能书写文字。在HTML4.0版本规范后，结构和样式进行了分离，大部分文本格式化标签被废弃，biuemshrong相对比较常用。

图像（image）由img标签进行定义。img标签是单标签，本身相当于一个特殊的文本，作用是在指定的位置插入一张图片。在HTML文件，常用的插入图片的类型有：jpg、png、gif。由于img为单标签，所以它只能通过属性进行相关的图像设置。

路径指的是寻找文件时所历经的线路，在HTML中有特殊的书写语法。路径分为相对路径和绝对路径，不同的方式出发点和参考位置不同。

相对路径查找文件时，需要从HTML文件本身出发，根据相对的位置进行查找，包含三种方向。

绝对路径查找文件时，不需要从HTML文件出发，而是直接从电脑的盘符出发进行查找，或者使用网址形式查找。

音频与视频分别使用audio和video标签进行定义。audio和video是双标签。同图片一样，需要使用src属性设置音频查找的路径。音频文件支持的格式包括：.mp3、.ogg、.wav。视频文件支持的格式包括：.mp4、.ogg、.webm。

音频与视频加载后不会自动显示播放器的控制条，需要使用controls属性进行设置，属性值也是controls。

a标签（anchor锚）在指定的位置添加超级链接，提供用户进行点击和跳转。有两种跳转形式：跨页面跳转、页面内跳转。实现跳转的方式需要用到一些标签属性。

页面内锚点跳转

①在目标位置找到任意一个标签，给它添加id属性，id的属性值必须是唯一且必须以字母开头，后面可以有字母、数字、下划线和横线，区分大小写。

②在目标位置添加一个空的a标签，只设置一个name属性，name属性值设置方式与id相同，也必须是唯一的。

跨页面锚点跳转

列表用于制作HTML中的一系列项目。通常我们会将内容相关、结构相似、样式相近的内容使用列表结构进行搭建。根据项目的内容不同，可以有三种语义的列表结构：无序列表、有序列表、定义列表。

注意事项：

自定义列表不仅仅是一列项目，而是项目及其注释的组合。由三个标签组成完整的结构，包含dl、dt和dd。dl：definitionlist，表示定义一个自定义列表的大结构。dt：definitionterm，表示定义自定义列表中的一个主题或者术语。dd：definitiondescription，定义解释项，表示描述或解释前面的定义主题。dl内部只能嵌套dt和dd，dt与dd是同级关系。

注意事项：

常用的布局标签有div和span，俗称盒子，都没有具体明确的语义。

div：全称division，分割、区域、跨度的意思。俗称大盒子。div是双标签，是最经典的容器级标签，内部可以放置任意内容。多用于划分网页区域，进行结构布局。一般将相关的内容使用div包裹起来，整体设置大的布局效果。

span：小区域、小跨度的意思。俗称小盒子。span也是双标签，容器级标签。在不改变整体效果的情况下，可以辅助进行局部调整。

创建一个简单的表格至少有三个标签组成，分别是table、tr、td标签，此外如果要制作表头，则使用th标签。

表格的单元格可以进行合并，通过th和td的两个属性可以进行合并设置。rowspan：跨行和并（上下的合并）。colspan：跨列合并（左右的合并）。属性值是数字，表示跨几行或跨几列合并。

制作技巧：(1)先列出所有行tr，以最小单元格为标准。(2)再添加每一行的td或th单元格。(3)划分单元格所在行时，顶边对齐的属于同一行。(4)将所有行和列写完后，再查看哪个单元格有跨行或跨列，属性值的个数要参考最小的单元格。

table内部最直接的子级包含四个分区标签，他们都是双标签。

四个分区可以选择性的进行组合。注意：不论书写顺序如何颠倒，浏览器中的加载顺序都是自动按照caption、thead、tbody、tfoot执行的。制作的时候可以先书写大分区标签结构，接着填充每个分区的内部内容，如果有合并单元格内容，则进行单元格合并。

HTML表单用于搜集不同类型的用户输入，表单元素就是网页中提供用户进行输入或点击的小控件。在HTML中，一个完整的表单通常由表单域、提示信息和表单控件（也称为表单元素）3个部分构成。

HTML表单域使用form标签进行定义。form标签是一个功能性标签，填写的表单信息要想正确的提交到后台服务器，必须放在一个form标签之内。form标签为双标签，容器级标签。form标签通过对应属性规定提交数据的方法和提交位置。

input标签是最重要的一个表单元素，为单标签，本身相当于一个特殊的文本，需要通过标签属性实现各种功能。其中ra，type属性的值不同，决定了input标签的形态不同。

单选框和复选框都可以提前设置默认选中项。input标签有一个checked属性，如果不设置表示默认没有选中。属性值如果设置为"checked"，表示该项默认被选中。

textarea标签定义文本域，制作可以输入多行文本的区域，为双标签，本身相当于一个特殊的文字。文本域可以设置默认输入的文字，在双标签之间书写默认文字。

textarea有两个标签属性，可以设置显示区域大小。rows：行，属性值是数字，表示文本框显示的最大行数，如果超过了行数，会被隐藏并且出现滚动条。cols：列，属性值是数字，表示在出现滚动条之后，每一行显示的最大字节数（一个汉字按2字节计算）。

HTML中的下拉菜单提前设置一些选项，然后可以通过点击选择其中一项。

下拉菜单需要至少两个标签完成结构：select：选择，表示定义下拉菜单整体结构。option：选项，表示定义下拉菜单的每一项。两个标签都是双标签，文本级标签。关系：selectoption，option可以有任意多项。

默认情况下，选中的是第一项。下拉菜单可以通过给option标签设置selected属性，属性值为selected，更改默认选中项。

下拉菜单中如果选项变得复杂，可以将option进行分组管理。可以使用optgroup标签对选项进行分组，optgroup是一个双标签。关系：selectoptgroupoption，optgroup可以设置一个label属性，表示给这一组选项添加一个分组标签名，分组标签optgroup是不能被点击选择的。

所有的表单元素都可以通过绑定其他内容去扩大触发点击范围，这时需要使用一个label标签。该标签的作用是帮表单元素定义标注（标记）。如果将表单控件与提示内容使用label进行绑定后，当用户鼠标点击label内的提示内容时，浏览器就会自动将焦点转到和标签相关的表单控件上。有两种绑定方法：

在普通文字书写时，有一些特殊符号不能直接书写（例如连续的空格），或者符号具有特殊功能也不能直接书写（例如符号）。可以使用一些HTML提前预留好的替换字符进行书写，这些替换字符叫做字符实体。

通过查询w3school手册HTMLISO-885901，查看所有的字符实体以及特殊字符的替换写法，包含实体名称以及实体编号。

规则：所有的字符实体和实体编号都是以开头，以；结尾的。

注意：实体名称对大小写敏感！

建议1：使用实体名称，好处是名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）。

建议2：不需要强制记忆所有的字符实体，只需要记忆常用的几个字符实体名称即可，其他可以通过手册进行查询。

HTML,表示该文件为HTML文件

HEAD,包含文件的标题,使用的脚本,样式定义等

TITLE---/TITLE,包含文件的标题,标题出现在浏览器标题栏中

/HEAD,HEAD的结束标志

BODY,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示.

/BODY,BODY的结束标志

/HTML,HTML的结束标志

其它主要标签,以下所有标志用在BODY/BODY中:

A,HREF="…"/A,链接标志,"…"为链接的文件地址

IMG,SRC="…",显示图片标志,"…"为图片的地址

BR,换行标志

P,分段标志

B/B,采用黑体字

I/I,采用斜体字

HR,水平画线

TABLE/TABLE,定义表格,HTML中重要的标志

TR/TR,定义表格的行,用在TABLE/TABLE中

TD/TD,定义表格的单元格,用在TR/TR中

FONT/FONT,字体样式标志

属性:

属性是用来修饰标志的,属性放在开始标志内.

例:属性bgcolor="BLACK"表示背景色为黑色.

引用属性的例子:

BODY,bgcolor="BLACK"/BODY表示页面背景色为黑色;

TABLE,bgcolor="BLACK"/TABLE表示表格背景色为黑色.

常用属性:

对齐属性,范围属性:

ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度.

ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度.

ALIGN=RIGHT,右对齐.

色彩属性:

COLOR=#RRGGBB,前景色,参考色彩对照表.

BGCOLOR=#RRGGBB,背景色.

center表示绝对居中.

table/table表格标识的开始和结束.

属性:

cellpadding=数值单位是像素,定义表元内距

cellspacing=数值单位是像素,定义表元间距

border=数值单位是像素,定义表格边框宽度

width=数值单位是像素或窗口百分比,定义表格宽度

background=图片链接地址,定义表格背景图

tr/tr表格中一个表格行的开始和结束;

td/td表格中行内一个单元格的开始和结束

属性:

Colspan="",单元格跨越多列;

Rowspan="",单元格跨越多行;

Width="";定义表格宽度

Height="";定义表格高度

Align="";对齐方式

Valign="";

Border="",边框宽度;

Bgcolor="",背景色;

Bordercolor="",边框颜色;

Bordercolorlight="",边框明亮面的颜色;

Bordercolordark="",边框暗淡面的颜色;

Cellpadding="",内容与边框的距离(默认为2);

Cellspacing="",单元格间的距离(默认为2);

太多了只能传一些具体可以去这个网站

要回家了有点按捺不住心里的躁动，来点简单轻松的话题。

这是个有趣的问题，应该有不少人搜过，我也搜过。出现这个问题主要还是滥用块级元素，或者是不会使用一些小技巧。举个例子，有时候我们想实现如下表单效果：

但有时候写着写着会变成下面的样子：

按我从以前遇到过情况来说，出现上面的情况的原因，可能有2个：

第一，就是可能在某个地方label被设置块级元素包住了

解决方法：在外部样式使用display:inline-block

第二，就是label的样式使用了display:block

所以如果以后在写表单的时候，出现这个问题，可以从上面2个方向去查找原因，以及找出相应的解决方法。

（1）、!DOCTYPE声明位于位于HTML文档中的第一行，处于html标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。使用!Doctype会让文档中的所有盒子模型以w3c标准盒子模型呈现。

（2）、标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。

在HTML与CSS的标准化未完成之前，各个浏览器对于HTML和CSS的解析有各自不同的实现，而有很多旧的网页都是按照这些非标准的实现去设计的。在HTML与CSS标准确定之后，浏览器一方面要按照标准去实现对HTML与CSS的支持，另一方面又要保证对非标准的旧网页设计的后向兼容性。因此，现代的浏览器一般都有两种渲染模式：标准模式和怪异模式。在标准模式下，浏览器按照HTML与CSS标准对文档进行解析和渲染；而在怪异模式下，浏览器则按照旧有的非标准的实现方式对文档进行解析和渲染。这样的话，对于旧有的网页，浏览器启动怪异模式，就能够使得旧网页正常显示；对于新的网页，则可以启动标准模式，使得新网页能够使用HTML与CSS的标准特性。

Reference1-h5新增标签

Reference2-HTML元素分类

Reference3-html标签分类及常用元素

Reference4-HTML5常用标签分类

热心网友 时间：2024-10-05 01:02

超文本标记语言或超文本链接标示语言（标准通用标记语言下的一个应用）HTML（HyperTextMark-upLanguage）是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。

它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文件是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

HTML基础-常用标签及语法

HTML注释语法，VScode快捷键【Ctrl+/】：

标题（Heading），是通过h1-h6六个标签分别来对六个级别的标题进行定义的。标题标签只是给标签内部的元素内容添加对应级别标题的语义，样式由CSS设定，标签之间不能相互嵌套，权重从h1向h6依次递减。

注意：h1在整个HTML中的权重非常高，内部应该放置HTML中最重要的内容，比如logo。h1由于非常重要，内部的文字对于提高搜索引擎排名也非常重要，为了防止作弊，如果一个页面出现多个h1，反而降低权重。

约定俗成的，一个页面中只会出现一个h1。

段落（paragraph），是通过p标签进行定义的。p标签是双标签，且为文本级标签。内部只能放置文本、图片、表单元素，或者废弃的font标签等。p标签的作用是给标签内部的内容添加一个完整段落的语义，不负责内容自动换行的样式。换行的效果是由css决定的。

（breaking）标签是HTML中一个简单的换行符。br/标签是一个单标签。在需要换行的位置可以使用br/标签书写，但是br/与p不同，br/没有建立新的段落的语义，只是简单的进行强制换行。

HTML中有部分标签是用来对文字进行格式化显示设置的，比如粗体和斜体等。文本格式化的标签均为双标签，且为文本级标签，内部只能书写文字。在HTML4.0版本规范后，结构和样式进行了分离，大部分文本格式化标签被废弃，biuemshrong相对比较常用。

图像（image）由img标签进行定义。img标签是单标签，本身相当于一个特殊的文本，作用是在指定的位置插入一张图片。在HTML文件，常用的插入图片的类型有：jpg、png、gif。由于img为单标签，所以它只能通过属性进行相关的图像设置。

路径指的是寻找文件时所历经的线路，在HTML中有特殊的书写语法。路径分为相对路径和绝对路径，不同的方式出发点和参考位置不同。

相对路径查找文件时，需要从HTML文件本身出发，根据相对的位置进行查找，包含三种方向。

绝对路径查找文件时，不需要从HTML文件出发，而是直接从电脑的盘符出发进行查找，或者使用网址形式查找。

音频与视频分别使用audio和video标签进行定义。audio和video是双标签。同图片一样，需要使用src属性设置音频查找的路径。音频文件支持的格式包括：.mp3、.ogg、.wav。视频文件支持的格式包括：.mp4、.ogg、.webm。

音频与视频加载后不会自动显示播放器的控制条，需要使用controls属性进行设置，属性值也是controls。

a标签（anchor锚）在指定的位置添加超级链接，提供用户进行点击和跳转。有两种跳转形式：跨页面跳转、页面内跳转。实现跳转的方式需要用到一些标签属性。

页面内锚点跳转

①在目标位置找到任意一个标签，给它添加id属性，id的属性值必须是唯一且必须以字母开头，后面可以有字母、数字、下划线和横线，区分大小写。

②在目标位置添加一个空的a标签，只设置一个name属性，name属性值设置方式与id相同，也必须是唯一的。

跨页面锚点跳转

列表用于制作HTML中的一系列项目。通常我们会将内容相关、结构相似、样式相近的内容使用列表结构进行搭建。根据项目的内容不同，可以有三种语义的列表结构：无序列表、有序列表、定义列表。

注意事项：

自定义列表不仅仅是一列项目，而是项目及其注释的组合。由三个标签组成完整的结构，包含dl、dt和dd。dl：definitionlist，表示定义一个自定义列表的大结构。dt：definitionterm，表示定义自定义列表中的一个主题或者术语。dd：definitiondescription，定义解释项，表示描述或解释前面的定义主题。dl内部只能嵌套dt和dd，dt与dd是同级关系。

注意事项：

常用的布局标签有div和span，俗称盒子，都没有具体明确的语义。

div：全称division，分割、区域、跨度的意思。俗称大盒子。div是双标签，是最经典的容器级标签，内部可以放置任意内容。多用于划分网页区域，进行结构布局。一般将相关的内容使用div包裹起来，整体设置大的布局效果。

span：小区域、小跨度的意思。俗称小盒子。span也是双标签，容器级标签。在不改变整体效果的情况下，可以辅助进行局部调整。

创建一个简单的表格至少有三个标签组成，分别是table、tr、td标签，此外如果要制作表头，则使用th标签。

表格的单元格可以进行合并，通过th和td的两个属性可以进行合并设置。rowspan：跨行和并（上下的合并）。colspan：跨列合并（左右的合并）。属性值是数字，表示跨几行或跨几列合并。

制作技巧：(1)先列出所有行tr，以最小单元格为标准。(2)再添加每一行的td或th单元格。(3)划分单元格所在行时，顶边对齐的属于同一行。(4)将所有行和列写完后，再查看哪个单元格有跨行或跨列，属性值的个数要参考最小的单元格。

table内部最直接的子级包含四个分区标签，他们都是双标签。

四个分区可以选择性的进行组合。注意：不论书写顺序如何颠倒，浏览器中的加载顺序都是自动按照caption、thead、tbody、tfoot执行的。制作的时候可以先书写大分区标签结构，接着填充每个分区的内部内容，如果有合并单元格内容，则进行单元格合并。

HTML表单用于搜集不同类型的用户输入，表单元素就是网页中提供用户进行输入或点击的小控件。在HTML中，一个完整的表单通常由表单域、提示信息和表单控件（也称为表单元素）3个部分构成。

HTML表单域使用form标签进行定义。form标签是一个功能性标签，填写的表单信息要想正确的提交到后台服务器，必须放在一个form标签之内。form标签为双标签，容器级标签。form标签通过对应属性规定提交数据的方法和提交位置。

input标签是最重要的一个表单元素，为单标签，本身相当于一个特殊的文本，需要通过标签属性实现各种功能。其中ra，type属性的值不同，决定了input标签的形态不同。

单选框和复选框都可以提前设置默认选中项。input标签有一个checked属性，如果不设置表示默认没有选中。属性值如果设置为"checked"，表示该项默认被选中。

textarea标签定义文本域，制作可以输入多行文本的区域，为双标签，本身相当于一个特殊的文字。文本域可以设置默认输入的文字，在双标签之间书写默认文字。

textarea有两个标签属性，可以设置显示区域大小。rows：行，属性值是数字，表示文本框显示的最大行数，如果超过了行数，会被隐藏并且出现滚动条。cols：列，属性值是数字，表示在出现滚动条之后，每一行显示的最大字节数（一个汉字按2字节计算）。

HTML中的下拉菜单提前设置一些选项，然后可以通过点击选择其中一项。

下拉菜单需要至少两个标签完成结构：select：选择，表示定义下拉菜单整体结构。option：选项，表示定义下拉菜单的每一项。两个标签都是双标签，文本级标签。关系：selectoption，option可以有任意多项。

默认情况下，选中的是第一项。下拉菜单可以通过给option标签设置selected属性，属性值为selected，更改默认选中项。

下拉菜单中如果选项变得复杂，可以将option进行分组管理。可以使用optgroup标签对选项进行分组，optgroup是一个双标签。关系：selectoptgroupoption，optgroup可以设置一个label属性，表示给这一组选项添加一个分组标签名，分组标签optgroup是不能被点击选择的。

所有的表单元素都可以通过绑定其他内容去扩大触发点击范围，这时需要使用一个label标签。该标签的作用是帮表单元素定义标注（标记）。如果将表单控件与提示内容使用label进行绑定后，当用户鼠标点击label内的提示内容时，浏览器就会自动将焦点转到和标签相关的表单控件上。有两种绑定方法：

在普通文字书写时，有一些特殊符号不能直接书写（例如连续的空格），或者符号具有特殊功能也不能直接书写（例如符号）。可以使用一些HTML提前预留好的替换字符进行书写，这些替换字符叫做字符实体。

通过查询w3school手册HTMLISO-885901，查看所有的字符实体以及特殊字符的替换写法，包含实体名称以及实体编号。

规则：所有的字符实体和实体编号都是以开头，以；结尾的。

注意：实体名称对大小写敏感！

建议1：使用实体名称，好处是名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）。

建议2：不需要强制记忆所有的字符实体，只需要记忆常用的几个字符实体名称即可，其他可以通过手册进行查询。

HTML,表示该文件为HTML文件

HEAD,包含文件的标题,使用的脚本,样式定义等

TITLE---/TITLE,包含文件的标题,标题出现在浏览器标题栏中

/HEAD,HEAD的结束标志

BODY,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示.

/BODY,BODY的结束标志

/HTML,HTML的结束标志

其它主要标签,以下所有标志用在BODY/BODY中:

A,HREF="…"/A,链接标志,"…"为链接的文件地址

IMG,SRC="…",显示图片标志,"…"为图片的地址

BR,换行标志

P,分段标志

B/B,采用黑体字

I/I,采用斜体字

HR,水平画线

TABLE/TABLE,定义表格,HTML中重要的标志

TR/TR,定义表格的行,用在TABLE/TABLE中

TD/TD,定义表格的单元格,用在TR/TR中

FONT/FONT,字体样式标志

属性:

属性是用来修饰标志的,属性放在开始标志内.

例:属性bgcolor="BLACK"表示背景色为黑色.

引用属性的例子:

BODY,bgcolor="BLACK"/BODY表示页面背景色为黑色;

TABLE,bgcolor="BLACK"/TABLE表示表格背景色为黑色.

常用属性:

对齐属性,范围属性:

ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度.

ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度.

ALIGN=RIGHT,右对齐.

色彩属性:

COLOR=#RRGGBB,前景色,参考色彩对照表.

BGCOLOR=#RRGGBB,背景色.

center表示绝对居中.

table/table表格标识的开始和结束.

属性:

cellpadding=数值单位是像素,定义表元内距

cellspacing=数值单位是像素,定义表元间距

border=数值单位是像素,定义表格边框宽度

width=数值单位是像素或窗口百分比,定义表格宽度

background=图片链接地址,定义表格背景图

tr/tr表格中一个表格行的开始和结束;

td/td表格中行内一个单元格的开始和结束

属性:

Colspan="",单元格跨越多列;

Rowspan="",单元格跨越多行;

Width="";定义表格宽度

Height="";定义表格高度

Align="";对齐方式

Valign="";

Border="",边框宽度;

Bgcolor="",背景色;

Bordercolor="",边框颜色;

Bordercolorlight="",边框明亮面的颜色;

Bordercolordark="",边框暗淡面的颜色;

Cellpadding="",内容与边框的距离(默认为2);

Cellspacing="",单元格间的距离(默认为2);

太多了只能传一些具体可以去这个网站

要回家了有点按捺不住心里的躁动，来点简单轻松的话题。

这是个有趣的问题，应该有不少人搜过，我也搜过。出现这个问题主要还是滥用块级元素，或者是不会使用一些小技巧。举个例子，有时候我们想实现如下表单效果：

但有时候写着写着会变成下面的样子：

按我从以前遇到过情况来说，出现上面的情况的原因，可能有2个：

第一，就是可能在某个地方label被设置块级元素包住了

解决方法：在外部样式使用display:inline-block

第二，就是label的样式使用了display:block

所以如果以后在写表单的时候，出现这个问题，可以从上面2个方向去查找原因，以及找出相应的解决方法。

（1）、!DOCTYPE声明位于位于HTML文档中的第一行，处于html标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。使用!Doctype会让文档中的所有盒子模型以w3c标准盒子模型呈现。

（2）、标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。

在HTML与CSS的标准化未完成之前，各个浏览器对于HTML和CSS的解析有各自不同的实现，而有很多旧的网页都是按照这些非标准的实现去设计的。在HTML与CSS标准确定之后，浏览器一方面要按照标准去实现对HTML与CSS的支持，另一方面又要保证对非标准的旧网页设计的后向兼容性。因此，现代的浏览器一般都有两种渲染模式：标准模式和怪异模式。在标准模式下，浏览器按照HTML与CSS标准对文档进行解析和渲染；而在怪异模式下，浏览器则按照旧有的非标准的实现方式对文档进行解析和渲染。这样的话，对于旧有的网页，浏览器启动怪异模式，就能够使得旧网页正常显示；对于新的网页，则可以启动标准模式，使得新网页能够使用HTML与CSS的标准特性。

Reference1-h5新增标签

Reference2-HTML元素分类

Reference3-html标签分类及常用元素

Reference4-HTML5常用标签分类