博主信息
博文 9
粉丝 0
评论 1
访问量 14694
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
来get学习链接、锚点元素的功能实现,以及表格属性的实现
黑色郁金香
原创
1112人浏览过

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

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举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学