HTML常用简单标签

HTML常用简单标签

欲看详细姿势点我

< !–…-- >：…里写注释

h1~h6标签：定义标题。

p标签：定义段落。

div标签：定义文档中的节。

hr标签：定义水平分割线。

br标签：换行。

b标签：定义粗体字。

i标签：定义斜体字体。

del标签：定义被删除文本。

em标签：定义强调文本。

strong标签：把文本定义成语气更强的强调内容。

span标签：span标签被用来组合文档中的行内元素

提示：请使用 span 来组合行内元素，以便通过样式来格式化它们。
注释：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。

a标签：定义锚

提示：如果不使用 href 属性，则不可以使用如下属性：download, hreflang, media, rel, target 以及 type 属性。提示：被链接页面通常显示在当前浏览器窗口中，除非您规定了另一个目标（target 属性）。
提示：请使用 CSS 来设置链接的样。

img标签：向网页中嵌入一幅图像

请注意，从技术上讲，img 标签并不会在网页中插入图像，而是从网页上链接图像。img 标签创建的是被引用图像的占位空间。
img 标签有两个必需的属性：src 属性 和 alt 属性。

map标签：定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。

注释：area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
注释：img中的 usemap 属性可引用 map 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 map 添加 id 和 name 属性。

area标签：定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。

area 元素总是嵌套在 map标签中。
img 标签中的 usemap属性与 map 元素name 属性或id属性相关联，创建图像与映射之间的联系。

abbr标签:定义缩写,指示简称或缩写

通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息。
提示：可以在 abbr 标签中使用全局的 title 属性，这样就能够在鼠标指针移动到 abbr元素上时显示出简称/缩写的完整版本。

table标签：定义HTML表格 更多示例代码

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
table的几个属性：frame控制围绕表格的边框并规定外侧边框的哪个部分是可见的,
rules规定内侧边框的哪个部分是可见的,
cellpaddding使用单元格填充来创建单元格内容与其边框之间的空白,
cellspacing使用单元格间距增加单元格之间的距离。

caption标签：table表格的标题

caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

tr标签th标签td标签：tr定义表格中的行，th定义表格中的表头单元格，td定义表格中的单元格

tr,th,td的几个属性：align排列单元格内容,colspan列合并，rowspan行合并

form标签：定义供用户输入的HTML表单

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。
注释：form 元素是块级元素，其前后会产生折行。

input标签：定义输入控件，用于搜集用户信息。

根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
提示：请使用 label 元素为某个表单控件定义标签。

属性介绍：
type：规定 input 元素的类型

1. button
2. checkbox
3. file
4. hidden
5. image
6. password
7. radio
8. reset
9. submit
10. textsded

checked：规定此 input 元素首次加载时应当被选中。
pattern：规定输入字段的值的模式或格式。
required：指示输入字段的值是必需的。
placeholder：规定帮助用户填写输入字段的提示。
value：规定 input 元素的值。
maxlength：规定输入字段中的字符的最大长度。

label标签：为input 元素定义标注（标记）

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
label 标签的 for 属性应当与相关元素的 id 属性相同。
注释：“for” 属性可把 label 绑定到另外一个元素。请把 “for” 属性的值设置为相关元素的 id 属性的值。

select标签：创建单选或多选菜单

select 元素中的option标签用于定义列表中的可用选项。
提示：select 元素是一种表单控件，可用于在表单中接受用户输入。

option标签：定义下拉列表中的一个选项（一个条目）。

浏览器将 option 标签中的内容作为 select标签的菜单或是滚动列表中的一个元素显示。
option 元素位于 select 元素内部。
注释：option 标签可以在不带有任何属性的情况下使用，但是您通常需要使用 value 属性，此属性会指示出被送往服务器的内容。
注释：请与 select 元素配合使用此标签，否则这个标签是没有意义的。
提示：如果列表选项很多，可以使用 optgroup标签对相关选项进行组合。

optgroup标签：定义选项组。

用于组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易.

fieldset标签：可将表单内的相关元素分组。

当一组表单元素放到 fieldset 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。
fieldset标签没有必需的或唯一的属性。
legend标签为 fieldset 元素定义标题。

legend标签：为fieldset元素定义标题