链接元素、锚点的功能实现
1.链接元素
序号 | 属性 | 描述 |
---|---|---|
1 | href="url" |
点击后跳转到指定的url地址 |
2 | href="mailto: 123@163.com" |
点击后打开邮箱,向指定的邮箱地址发送邮件 |
3 | href="tel:138*****2345" |
点击后,询问用户是否要拨打电话 |
4 | target="#anchor" |
点击后,跳转到设置了锚点元素所在的位置 |
2.代码实现
跳转到指定url地址
<a href="https://www.taobao.com/" target="_blank">淘宝网</a>
//target属性是"_blank",表示在新的窗口打开这个链接
拨打电话
<!-- 打开邮箱,向指定的邮箱地址发送邮件 -->
<a href="mailto:123@163.com">发送邮件</a>
//发送邮件记得要在href的值里,加上前缀mailto:
//后面键入发送邮件的地址
发送邮件
<!-- 点击拨打指定的电话号码 -->
<a href="tel:138****1234">拨打电话</a>
//拨打电话记得要在href的值里,加上前缀tel:
//后面键入要拨打电话的号码
3.锚点的功能与用途
1.锚点是网页制作中超级链接的一种,又叫命名锚记。
2.命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。
3.使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。
4.然后可以创建到这些命名锚记的链接,这些链接可快速将访问者带到指定位置。
5.创建到命名锚记的链接的过程分为两步。
6.首先,创建命名锚记,然后创建到该命名锚记的链接。
跳转到页面指定的锚点位置
<!-- 锚点 -->
<!-- 通过id指定锚点, 可以实现在当前页面内部跳转 -->
<a href="#anchor">跳转到页面指定锚点位置</a>
<h1 id="anchor" style="margin-top: 800px">新的锚点位置</h1>
//h1 标签里设置id,并为此id命名。
//在href的值里,用#表示引用此id,
表格的属性和实现
1. 合并行使用rowspan,合并列使用colspan来进行table行列的合并
序号 | 属性 | 描述 |
---|---|---|
1 | rowspan |
在表格中,合并行的单元格时使用 |
2 | colspan |
在表格中,合并列的单元格时使用 |
2 | align |
在表格中,合并单元格后,定义单元格里内容的水平对齐方式 |
小案例运行效果