格式标签

格式标签用于定义网页中文本的布局、缩进、位置、换行、列表等

• <br> 换行
• <p> 段落
• <center> 居中
• <pre> 保留文字在源代码中的格式
• <ul><li> 无序列表
• <ol><li> 有序的列表
• <hr> 水平分隔线

文本标签

在网页中，为了着意强调某一部分文字，或者为了让文字有所变化

• <hn>
• <b>
• <i>
• <u>
• <sub>
• <sup>
• <font>
• <tt>
• <cite>
• <em>
• <strong>
• <small>
• <big>

超链接标签

• 协议：主机：文件：附加资源

http://www.lamp.com/web/index.php?uname=zhangsan&age=10&sex=nan

• 相对URL:

Images/logo.gif

../css/demo.css

../../js/demo.js

./admin/index.php

• 绝对URL:

C:/appserv/www/image/logo.gif

/usr/local/apache/htdocs/www/index.php

http://www.lamp.com/web/index.php

• <a href=“URL”>某某页面</a>

Target: _self _blank _parent _top name

锚点的应用

• <a href=“URL”>某某页面</a> : 超连接
• <a name=“name”>内容</a> :锚点
• 使用时<a href=“#name”>定位位置</a>

图像标签

<img>

• Src: 指定图片所在的URL
• Border=边框的宽度
• Alt:

鼠标放上有黄色小图标

如图像不存在，则出现它指定的文字

搜索引擎可以通过它指定的文字搜索该图片

• Width
• height

图像地图

• 一个图像只能加一个a标签，做一个链接
• 如果把一幅图像分成多个区域，每个区域指向不同的URL地址（为一个图片加多个链接）
• 在图像<img>中使用usemap属性去使用地图
• <map>定义热点区域
• <area>指定每个热点区域
• Shape指定形状 rect, poly, circle
• Coords确定形状
• href指定链接的位置