Blogger Information
Blog 3
fans 0
comment 0
visits 2171
Related recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
0929作业
曾小贱_
Original
804 people have browsed it

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>

Correcting teacher:天蓬老师天蓬老师

Correction status:qualified

Teacher's comments:标题下次别这样写
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post