HTML总结
1、锚点
命名锚点的语法
<a name="锚名字 ">锚点标记
让链接直接跳转到一个页面的某一章节
例:
<a name="马云">企业家</a>
<a herf="http://www.wendgo.com/index.html#马云">企业家</a>
下面这个是跳转到本页面的锚点:
<a name="马云">企业家</a>
<a herf="#马云">企业家</a>
2、图片相关标签
插入图像的语法
<img src="URL" alt="">
URL指向图像储存的地址
alts属性在浏览器装载图像失败的时候告诉用户所丢失的信息,此时,浏览器显示这个"交互文本"来代替图像
<img src="images/01.jpg" atl="美女" width="25" height="25"/>
图像热区
当鼠标指向图片的不同部位并点击时,可以打开不同的超链接,称之为网页图像热区
基本语法
<img src="URL" usemap="# map 名称" />
<map name="map 名称">
<area shape="形状" coords="坐标值" href="URL" />
</map>
例:
<img src="images/学生电脑桌面3.jpg" usemap="#淘宝" />
<map name="淘宝">
<area shape="rect" coords="229,120,920,220"
href="http://www.taobao.com"/>
</map>
矩形(rect)
<area shape="rect" coords="x1,y1,x2,y2" href="URL" />
圆形(circle)
<area shape="circle" coords="x1,y1,r" href="URL" />
多边形(poly)
<area shape="poly" coords=" x1,y1,x2,y2,x3,y3,x4,y4,x5,y5" href="URL" />
2、列表相关标签HTML能够创建三种类型的列表:无序列表(Orderd List)、有序列表(Unordered List)和定义列表(Definition)。
无序列表
type属性来控制列表前面的符号,如果type="disc"就是默认的实心圆,type="circle"表示空心圆,type="square"表示方块
<ul type="square">
<li>……</li>
<li>……</li>
<li>……</li>
</ul>
有序列表
<ol type=" ">
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
有序列表type的属性
如果type="1",表示前面的标记是数字
如果type="a",表示前面的标记是小写英文字母
如果type="A",表示前面的标记是大写英文字母
如果type="i",表示前面的标记是小写的罗马数字
如果type="I",表示前面的标记是小写的罗马数字
定义列表
定义列表由<dl>开始,术语由<dt>开始,由<dd>开始,<dd></dd>里的文字缩进显示
例:
<dl>
<dd>当年风华正茂时错过了多少妹子</dd>
<dt>至今后悔莫及</dt>
<dt>唉</dt>
<dt>唉</dt>
<dt>唉</dt>
<dt>唉</dt>
<dt>唉</dt>
</dl>
HTML特殊符号实体
空格   ,人民币符号:¥,版权:©,乘号:×,除号:÷s
3、HTML表格的运用
<table> 定义表格
<th> 定义表头
<tr> 定义表格的行
<td> 定义表格单元
说明:
属性 值 说明
width px、% 指定表格的宽度
height px、% 表格的高度
border px 指定表格边框的宽度
cellpadding px 指定边框与内容之间的空白
cellspacing px、 % 指定单元格之间的空白
align left、 right 、 center 指定对齐方式
valign top、 middle 、 bottom 垂直排列方式
colspan 合并列单元格
rowspan 合并行单元格