概括、网页的内容是采用标签的形似描述的,有的标签表示网页的组织结构,有的标签表示网页内容的格式,有的内容的补充。
注释
<!-- -->
组织结构
<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> 下划线
<sub></sub> 上标 <sup></sup> 下标
表单及组件
<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 脚本