标签：网页 alt 方式 percent 文档 圆心 水平线 指定 文本
网页(HTML)结构
<html>
<head>
<title> …</title>
…
</head>
<body>
……
</body>
</html>
元素和标记<h1>元素内容 </h1>；标记属性，标记可以有一个或多个属性， 例如<p>可以有align属性，并有left,center,right合法的值；
文档结构
<title> 标题栏
<meta> 元数据
<link> 包含文件
<style> 样式定义
<base> 指定文档的基URL
<script> <object>
块元素
段落 <p></p>
分割 <div></div> (相当于换行) 例div.htm
标题 <h1></h1> ~ <h6></h6>
引用块 <blockquote> </blockquote>
行内样式元素
大 <big></big>
粗体 <b></b>
斜体 <i></i>
键盘 <kbd></kbd>
下划线 <u></u>
小 <small></small>
删除线<strike></strike>
下标 <sub></sub>
上标 <sup></sup>
Ture Type <tt></tt>
行内空元素
<br > <br />
<hr > <hr />
n 使用水平线标记 <hr>分割web 页，按当前窗口宽度画一条线，可控制线的形式和位置
<hr size = number> 以象素为单位定义线的粗细
<hr width = number | percent> 以象素或当前窗口的百分比为单位指明线条在浏览器窗口中的长度
<hr align = left | right |center> 是线条的位置
<hr size=3 width="75%" align = center>
注释<!-- . . . . . . -->
列表
n 无序列表： <ul> <li>
n 有序列表： <ol> <li>
n 定义列表：<dl> <dt> <dd>
无序列表
<ul >
<li>……</li>
<li>……</li>
……
<li>……</li>
</ul>
n 通过设置type属性=“disc” , “circle” , “square”来改变编号方式
有序列表
<ol >
<li>……</li>
<li>……</li>
……
<li>……</li>
</ol>
定义列表
<dl >
<dt>……</dt>
<dd>……</dd>
<dt>……</dt>
<dd>……</dd>
……
<dt>……</dt>
<dd>……</dd>
</dl>
通过设置type属性=“1” , “a” , “A” , “i” , “I”来改变编号方式
超链接<a>
<a href=“要链接的web地址”>xxxxxx</a>
<a>元素的内容：任何行内(inline)类型的元素，不能是块元素
<a href=“xxx.htm”>xxx</a>
<a href=“xxx.htm”><b>xxx</b></a>
<a href=“xxx.htm”><i>xxx</i></a>
<a href=“xxx.htm”><img src=“xxx.gif” /></a>
<img>元素
n <img>用于在网页中插入一张图，无</img>，HTML 与 XHTML 之间有差异
n 必须属性
q src指明图象所放的位置
q alt为所对应的文本
<img src=“image.png” alt=“baby crossword”>
n 可选属性
q align align=“left”
q height, width 使图象可被拉大或缩小
q border
图像属性
n src
n alt
n longdesc
n height *
n width *
n usemap
n ismap
n align *
n border *
n hspace *
n vspace
图像映像map
n 一张图中可包含若干热点
n 单击热点可实现超链接
n 热点的形状可以是：圆、 矩形、多边型
(circle, rect, poly)
区域，形状
n shape=“circle” coords=“200, 52, 12”
“x, y, 半径” （圆心, 半径）
n shape=“rect” coords=“100, 35, 150, 65”
“x1, y1, x2, y2” (左上角，右下角)
n shape=“poly” coords=“180,3,5,6,7,8,10,20”
“x1, y1, x2, y2, x3,y3 ,x4, y4,”
（点1，点2，点3，点4）
表格
n <table> 表格标记
n <caption> 表格标题
n <tr> 表格行标记
n <td> 列标记
n <th> 表头标记
表格结构表示
<table>
<caption>…</caption>
<thead><tr><th>…</th>…</tr></thead>
<tbody><tr><td>…</td>…</tr></tbody>
<tfoot><tr><td>…</td>…</tr></tfoot>
</table>
表格简化结构
<table>
<tr><td>…</td>…</tr>
……
<tr><td>…</td>…</tr>
</table>
使用colspan和rowspan跨行和跨列
n 使用colspan和rowspan属性
q colspan和rowspan是<th>和<td>属性
q
<td colspan=“整数”>
<td rowspan=“整数”>
标签：网页 alt 方式 percent 文档 圆心 水平线 指定 文本
原文地址：http://www.cnblogs.com/hqflucky/p/7744923.html
