8、HTML基础:锚标签、图像、表格与图像地图

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> :定义表格的数据单元格。

以下是一个简单的两行两列表

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值