博客列表 >来get学习链接、锚点元素的功能实现,以及表格属性的实现

来get学习链接、锚点元素的功能实现,以及表格属性的实现

黑色郁金香
黑色郁金香原创
2020年09月30日 21:16:04898浏览

链接元素、锚点的功能实现

1.链接元素

序号 属性 描述
1 href="url" 点击后跳转到指定的url地址
2 href="mailto: 123@163.com" 点击后打开邮箱,向指定的邮箱地址发送邮件
3 href="tel:138*****2345" 点击后,询问用户是否要拨打电话
4 target="#anchor" 点击后,跳转到设置了锚点元素所在的位置

2.代码实现

跳转到指定url地址

  1. <a href="https://www.taobao.com/" target="_blank">淘宝网</a>
  2. //target属性是"_blank",表示在新的窗口打开这个链接

拨打电话

  1. <!-- 打开邮箱,向指定的邮箱地址发送邮件 -->
  2. <a href="mailto:123@163.com">发送邮件</a>
  3. //发送邮件记得要在href的值里,加上前缀mailto:
  4. //后面键入发送邮件的地址

发送邮件

  1. <!-- 点击拨打指定的电话号码 -->
  2. <a href="tel:138****1234">拨打电话</a>
  3. //拨打电话记得要在href的值里,加上前缀tel:
  4. //后面键入要拨打电话的号码

3.锚点的功能与用途

1.锚点是网页制作中超级链接的一种,又叫命名锚记。
2.命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。
3.使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。
4.然后可以创建到这些命名锚记的链接,这些链接可快速将访问者带到指定位置。
5.创建到命名锚记的链接的过程分为两步。
6.首先,创建命名锚记,然后创建到该命名锚记的链接。

跳转到页面指定的锚点位置

  1. <!-- 锚点 -->
  2. <!-- 通过id指定锚点, 可以实现在当前页面内部跳转 -->
  3. <a href="#anchor">跳转到页面指定锚点位置</a>
  4. <h1 id="anchor" style="margin-top: 800px">新的锚点位置</h1>
  5. //h1 标签里设置id,并为此id命名。
  6. //在href的值里,用#表示引用此id,

表格的属性和实现

1. 合并行使用rowspan,合并列使用colspan来进行table行列的合并

序号 属性 描述
1 rowspan 在表格中,合并行的单元格时使用
2 colspan 在表格中,合并列的单元格时使用
2 align 在表格中,合并单元格后,定义单元格里内容的水平对齐方式

小案例运行效果

小案例

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议