博主信息
博文 3
粉丝 0
评论 0
访问量 3142
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
0929作业
曾小贱_
原创
1471人浏览过

1.链接元素的功能

  • 跳转到指定的目标地址
  • 拨打电话
  • 发送邮件
  • 点击下载文档

1.1 跳转到指定的目标地址

<a href="https://www.baidu.com">点击此处跳转到百度</a>

targrt="_self"在当前窗口打开链接
target="_blank"在新窗口打开链接
targrt="#anchor"跳转到设置了锚点的元素所在的位置

1.2 拨打电话

<a href="tel:18888888888">给18888888888拨打电话</a>

1.3发送邮件

<a href="mailto:111@qq.com">调起桌面邮箱客户端给111@qq.com发邮件</a>

1.4 点击下载文档

<a href="demo1.html" download title="这里是下载的文件名">点击下载文档</a>

2.锚点

锚点是在页面中标记一个“id的位置,通过点击其他按钮,实现页面内快速跳转。

<a href="id">跳转到这里</a>
<h1 id="id">跳到这里了</a>

3.表格合并

3.1 表格常用标签

序号 描述 标签
1 <table> 定义表格
2 <tbody> 定义表格主体,允许多次定义
3 <tr> 定义表格中的行
4 <td> 定义表格主体与底部的单元格
5 <th> 定义表格头部中的单元格,默认加粗居中
6 <caption> 定义表格标题
7 <thead> 定义表格头格,只需定义一次
8 <tfoot> 定义表格格底,只需定义一次
9 <col> 为一个/多个列设置属性
10 <colgroup> 将多个<col>元素分组管理

3.2 表格常用属性

序号 属性 适用元素 描述
1 <border> <table> 添加表格框
2 <cellpadding> <table> 设置单元格内边框
3 <cellspacing> <table> 设置单元格边框间隙
4 align 不限 设置单元格内水平居中
5 bgcolor 不限 设置背景色
6 width 不限 设置宽度
7 height 不限 设置高度

3.3 小案例

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>国庆手机价格表</title>
  7. </head>
  8. <body>
  9. <!-- 先制作表格 -->
  10. <table border="1px" cellspacing="0" cellpadding="5px">
  11. <thead>
  12. <caption>
  13. 国庆手机价格表
  14. </caption>
  15. <tr>
  16. <th></th>
  17. <th>序号</th>
  18. <th>品牌</th>
  19. <th>价格</th>
  20. <th>库存</th>
  21. </tr>
  22. </thead>
  23. <tbody>
  24. <tr>
  25. <td rowspan="3">手机品类</td>
  26. <td>1</td>
  27. <td>苹果</td>
  28. <td>4999</td>
  29. <td>100</td>
  30. </tr>
  31. <tr>
  32. <!-- <td>手机品类</td> -->
  33. <td>2</td>
  34. <td>华为</td>
  35. <td>5999</td>
  36. <td>84</td>
  37. </tr>
  38. <tr>
  39. <!-- <td>手机品类</td> -->
  40. <td>3</td>
  41. <td>三星</td>
  42. <td>5666</td>
  43. <td>43</td>
  44. </tr>
  45. <td colspan="5" align="center" bgcolor="yellow">
  46. 以上活动仅限十一期间
  47. </td>
  48. </tbody>
  49. </table>
  50. <tfoot>
  51. <h3>2020.09.23</h3>
  52. </tfoot>
  53. </body>
  54. </html>

批改老师:天蓬老师天蓬老师

批改状态:合格

老师批语:标题下次别这样写
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系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+教程免费学