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