html标签总结

概括、网页的内容是采用标签的形似描述的，有的标签表示网页的组织结构，有的标签表示网页内容的格式，有的内容的补充。

注释

<!-- -->

组织结构

<html></html>

　　|-- <head></head>

　　　　|-- <base href="......"/> 定义相对链接的根地址

　　　　|-- <link rel="stylesheet" type="text/css" href="theme.css" /> 定义文档链接的外部资源

　　　　|-- <style></style> 描述文档内部描述

　　　　|-- <meta var1="..." /> 相当于定义了文档的全局变量

　　|-- <body></body>

　　　　|-- <p></p>

　　|-- <div></div> 对文档进行块分割，可以使用CSS对每块进行样式控制

　　|-- <span></span> 一般对行的内容进行分节

　　|-- <frameset cols="25%,50%,25%"></frameset> 文档进行框架分割

内容

　　|-- 一般内容

　　<br /> 换行

　　<hr /> 水平分割线

　　<img src="path" usemap="#mymap"></img> 图像

　　　　<map> <area></area> </map> 定义图像的可点区域

　　|-- 缩写

　　<abbr title="......">...</abbr> 缩写

　　<acronym title="world wide web">WWW</acronym> 只显示首字母的缩写，和上面的缩写没有区别

　　|-- 表格

　　<table></table> 表格本身

　　<caption></caption> 表格标题

　　<tr></tr> 表格中的行

　　<td></td> 行中的单元格 <th></th> 为表头的单元格其实就是字体的变化

　　<thead></thead> <tbody></tbody> <tfoot></tfoot> 设置单元格的位置

　　<col></col> 对table的所有单元格进行样式设置，只能用在table以后

　　<colgroup span="2"></colgroup> 对特定行的单元格进行样式设置，只能用在table以后

　　|-- 定义列表

　　<dl></dl>  定义列表

　　<dt></dt> 列表的每项

　　<dd></dd> 列表的注释，其实就是缩进

　　|-- 有序列表

　　<ol></ol> 有序列表

　　<li></li> 有序列表项目，项目前会有1，2，3的序号

　　|-- 无序列表

　　<ul></ul> 无序列表

　　<li></li> 无序列表项目，项目前会有同样的符号

链接

<a href="#name or id"></a> 链接到文档中的位置或者url

<base href="......"/> 定义相对链接的根地址

格式相关

　　|-- 一般格式

　　<address></address> 通常在文档尾部显示作者联系信息，一般为斜体字

　　<blockquote></blockquote> 多行引用，主要特点缩进 <q></q> 单行引用

　　<cite> <code> <strong> <samp> <var> <dfn> <em>各种样式,成对标签省略

　　|-- 字体格式

　　<h1-6></h1-6> 标题，h1字体最大

　　<b></b> 粗体 <i></i> 斜体

　　<big></big> 大号字体 <small></small> 小号字体

　　<bdo dir="ltr,rtl"></bdo> 文字方向

　　<del></del> 删除线 <ins></ins> 下划线

　　 上标  下标

表单及组件

<form></form> 表单本身，其中可以含有各种输入组件

<button type="button,reset,submit"></button> 功能更丰富的按钮

<textarea></textarea> 多行输入的文本控件

<input type="button,checkbox,file,hidden,image,password,radio,reset,sumbit,text" value="caption"></input> 输入组件

<select></select> 选择列表

　　<option value="..."></option> 定义选择列表的选项

　　<optgroup label="..."></optgroup> 对选择列表项进行分组

<fieldset></fieldset> 可对其内部的组件进行特殊效果的显示 <legend><legend/> 为fieldset设置标题

<label for="id"></label> 为特定id的输入组件提供文字说明

脚本

<script></script> javascript 脚本