1 XHTML常用标签
1.1 基本标签
l <html>
l <body>
l <style>
l <h1>…<h6>：定义标题1-6
l <p>：定义段落
l <br/>：换行
l <hr/>：水平线
l <div>
l <span>：与<div>类似，区别是所定义的节默认不会换行。
1.2 文本格式化标签
l <b>：粗体
l <strong>：粗体，与<b>基本相同
l <i>：斜体
l <em>：强调文本，实际效果与<i>差不多
l <big>：大号字体文本
l <small>：小号字体文本
l <sup>：上标
l <sub>：下标
l <bdo>：定义文本显示方向
1. <bdo dir="ltr">从左向右排列的文本</bdo>
2. <bdo dir="rtl">从右向左排列的文本</bdo>
1.3 超链接和锚点
<a>…</a>
Ø href：指定超链接所关联的另一个资源
Ø target：指定使用框架集的哪个框架来装载另一个资源
ü _self：自身
ü _blank：新窗口
ü _top：顶层框架
ü _parent：父框架
定位锚点：
1. <a name=”test”></a>
2. <a href=”123.html#test”></a>
1.4 列表相关标签
l <ul>：无序列表，只能包含<li…/>子元素
l <ol>：有序列表，只能包含<li…/>子元素
l <li>：列表项
l <dl>：列表，只能包含<dt…/>、<dd…/>元素
l <dt>：标题列表项
l <dd>：普通列表项
1. <!-- 定义无序列表 -->
2. <ul>
3. <li>疯狂Java讲义</li>
4. <li>轻量级JavaEE企业应用实战</li>
5. <li>疯狂Ajax讲义</li>
6. </ul>
7. <!-- 定义有序列表 -->
8. <ol start="2" type="I">
9. <li>疯狂Java讲义</li>
10. <li>轻量级JavaEE企业应用实战</li>
11. <li>疯狂Ajax讲义</li>
12. </ol>
13. <!-- 定义列表 -->
14. <dl>
15. <!-- 定义标题列表项-->
16. <dt>疯狂Java体系</dt>
17. <dd>疯狂Java讲义</dd>
18. <dd>轻量级JavaEE企业应用实战</dd>
19. <dd>疯狂Ajax讲义</dd>
20. <!-- 定义标题列表项-->
21. <dt>作者其他图书</dt>
22. <dd>Struts2权威指南</dd>
23. <dd>基于J2EE的Ajax宝典</dd>
24. </dl>
1.5 图像相关标签
<img…/>
Ø src：指定图片所在位置
Ø alt：指定作为图片提示信息的文本
Ø height：图片高度
Ø width：图片宽度
l <map>：定义图像映射，该元素可包含多个<area../>，每个<area../>元素定义一个区域
l <area>：定义图形映射的内部区域，只能是一个空元素
Ø shape：指定该内部区域是哪种区域，默认为rect
ü rect：矩形
ü circle：圆形
ü poly：多边形
Ø coords：指定多个坐标值，用于确定区域位置
Ø href：用于确定该区域所链接资源
Ø alt：指定作为该图片区域提示信息的文本
n target：指定使用框架集的哪个框架来装载另一个资源
ü _self：自身
ü _blank：新窗口
ü _top：顶层框架
ü _parent：父框架
1. <!-- 定义图片，使用指定的图片映射-->
2. <img src="img/logo.jpg" width="300"
3. height="120" border="0" usemap="#test"
4. alt="疯狂Java的Logo" /><br />
5. <!-- 定义图片映射 -->
6. <map name="test" id="1">
7. <!-- 为该图片映射定义2个区域-->
8. <area shape="circle" coords="57,55,25"
9. href="http://www.leegang.org" alt="leegang.org"/>
10. <area shape="poly"coords="188,28,185,50,200,74,224,72,246,51"
11. href="http://www.crazyjava.org"alt="crazyjava.org"/>
12. </map>
1.6 表格相关标签
l <table>：定义表格
Ø align：指定表格自身对齐方式
ü left
ü center
ü right
Ø bgcolor：背景色
Ø border：表格边框宽度，该值是个整数，border=”0”表示无边框
Ø cellpadding：指定单元格内容和单元格边框之间的间距
Ø cellspacing：指定单元格之间的间距
Ø width：指定表格宽度
l <caption>：表格标题，1个<table…/>元素最多只能包含1个<caption…/>子元素
l <tr>：行，只能包含<td…/>、<th…/>两种元素
Ø align：指定该行内所有单元格中文本的水平对齐方式
ü right
ü left
ü center
ü justify，效果和left差不多
Ø valign：指定该行内所有单元格中文本的垂直对齐方式
ü top
ü middle
ü bottom，底端对齐
ü baseline，基线对齐
Ø bgcolor
l <td>：单元格
Ø align
Ø valign
Ø bgcolor
Ø colspan：指定单元格跨多少列
Ø rowspan：指定单元格跨多少行
Ø height：高度
Ø width：宽度
l <th>：表格页眉单元格
l <tbody>：定义表格的主体，可将表格分成几部分，只能包含<tr…/>子元素
l <thead>：定义表格的页头
l <tfoot>：定义表格的页脚
1. <table border="1" width="400">
2. <caption><b>疯狂Java体系图书</b></caption>
3. <thead>
4. <tr>
5. <th>书名</th>
6. <th>作者</th>
7. </tr>
8. </thead>
9. <tfoot>
10. <tr>
11. <td colspan="2" align="right">现总计：2本图书</td>
12. </tr>
13. </tfoot>
14. <tbody>
15. <tr>
16. <td>疯狂Java讲义</td>
17. <td>李刚</td>
18. </tr>
19. <tr>
20. <td>轻量级JavaEE企业应用实战</td>
21. <td>李刚</td>
22. </tr>
23. </tbody>
24. </table>
1.7 框架相关标签
1.7.1 框架
使用” xhtml1-frameset.dtd”
<html…/>元素不允许包含<body…/>子元素
l <frameset>：定义框架集，只能包含<frameset…/>、<frame…/>，<noframe…/>三个子标签
Ø rows：指定框架集中各框架高度
Ø cols：指定框架集中各框架宽度
l <frame>：定义框架集中的一个框架，只能是空元素
Ø frameborder：是否显示边框
ü 0
ü 1
Ø marginheight：框架中顶部和底部页边距，只能是像素值
Ø marginwidth：框架中左侧和右侧页边距，只能是像素值
Ø name：指定框架唯一标识
Ø noresize：是否允许用户调整框架大小，默认可以调整大小
ü noresize：不允许调整大小
l <noframes>：用于定义非框架部分，不显示
1.7.2 <iframe.../>元素
与<frame.../>标签差不多，不支持noresize属性。可放在页面任何地方。
2 XHTML的表单标签
2.1 表单标签
<form.../>
Ø action：表单提交地址
Ø method：以何种方式提交表单
ü GET
ü POST
Ø enctype：指定对表单内容编码所使用的字符集
Ø name
Ø target：指定用何种方式打开目标url
ü _self：自身
ü _blank：新窗口
ü _top：顶层框架
ü _parent：父框架
提交表单时，该表单里的表单控件将会转化成表单参数：
² 每个有name属性的表单控件对应一个请求参数，没name属性不会生成请求参数
² 相同name属性的多个控件只生成一个请求参数，该参数对应多个值
（不知道是什么鸟意思）
² 设置了disable=”true”的控件不会生成请求参数
2.2 使用input元素
<input.../>
Ø type
ü text：单行文本框
ü password：密码框
ü hidden：隐藏域
ü radio：单选框
ü checkbox：复选域
ü image：图像域
ü 文件上传域：file
ü 提交：submit
ü 重设：reset
ü 无动作按钮：button
Ø checked：设置radio、checkbox初始状态
ü checked
Ø disabled：设置首次加载时禁用此元素
ü disabled
Ø maxlength：指定文本框中所允许输入的最大字符数
Ø readonly：指定用户不可修改文本框中值（可使用js修改）
Ø size：指定元素宽度（神马玩意）
2.3 使用label定义标签
<label.../>
对其它表单控件进行说明
让label和表单控件标签关联的两种方式：
1) 隐式使用for属性：
指定<label.../>元素的for属性为所关联控件的id
2) 显示关联：（IE中支持不好）
将文本、控件元素一起放在<label.../>元素中
1. <label for="username">单行文本框：</label>
2. <input id="username" name="username" type="text" /><br />
3. <label>密码框：<input id="password" name="password" type="password" />
4. </label><br />
5. <input id='ok' type="submit" value="登录疯狂Java联盟" />
2.4 使用button定义按钮
<button.../>与<input type=”button”>差不多，功能更为强大。
Ø disable：是否禁用此按钮
ü disable
Ø name
Ø type
ü button
ü reset
ü submit
Ø value：指定该按钮初始值？
2.5 列表框和下拉列表
l <select>：创建下拉列表或列表框，只能包含<option.../>、<optgroup.../>子元素
指定了size、multiple其中一个属性则生成列表框，都不指定生成下拉列表
Ø disable：是否禁用
ü disable
Ø multiple：指定列表框是否允许多选
Ø size：指定列表框可同时显示多少个列表项
l <option>：列表项或菜单项
Ø disable
ü disable
Ø select：该项一开始是否被选中
ü select
Ø value：该项对应的请求参数值
l <optgroup>：列表项组或菜单项组
2.6 使用textarea定义文本域
<textarea.../>
不可指定value属性
Ø cols：宽度，必填
Ø rows：高度，必填
Ø disable
ü disable
Ø readonly：是否只读
ü reahonly
3 XHTML头部和元信息
l <script>
l <style>
l <link>
l <meta>：定义页面元信息，即指定一些name-value对
Ø http-eqiv
ü Expires：指定网页过期时间
ü Pragma：禁用缓存
ü Refresh：多长时间后自动刷新
ü Set-Cookie：设置Cookie，如果网页过期，客户端上的Cookie也将被删除
ü Content-Type：字符集
1. <meta http-equiv="Content-Type"content="text/html;charset=GBK" />
Ø name
Ø content
l <base>：基准链接
Ø href
Ø target：指定超链接默认在哪个窗口打开
ü _self：自身
ü _blank：新窗口
ü _top：顶层框架
ü _parent：父框架
l <title>
来源：oschina
链接：https://my.oschina.net/u/659021/blog/102574