HTML基础:锚标签、图像、表格与图像地图
1. 锚标签与图像
在网页设计中,链接并非局限于文本形式,图像同样可以作为链接源。例如,在导航栏中,我们可以用自定义图标替代简单的文本链接,用户点击“主页”图标而非“主页”文字,这样能让页面看起来更加美观。
要使用图像创建超文本链接,只需将图像标签置于锚标签内,示例代码如下:
<a href='http://myserver/mysite/mypage.htm'>
<img src='http://myserver/mysite/home.gif' border=0>
</a>
默认情况下,浏览器会在可点击图像周围添加边框,边框颜色继承页面的链接颜色。若不希望显示边框,可像上述示例那样使用 border=0
属性。
2. 表格格式化
2.1 表格结构
表格由行和列组成。由于浏览器会忽略空格(包括制表符),因此在HTML中,通常使用表格来显示需要用空格分隔的内容。不过,对于4.0及以上版本的浏览器,也可以使用绝对定位来强制元素显示在特定的像素位置。
表格主要包含以下几个标签:
- <table>
:表格的起始标签。
- <tr>
:定义表格的行。
- <td>
:定义表格的数据单元格。
以下是一个简单的两行两列表