博主信息
博文 5
粉丝 0
评论 0
访问量 6162
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
链接元素与表格的合并
影迹
原创
1477人浏览过

链接常用属性

1.href

指向链接页面的 URL

属性 描述
href="url" 跳转的目标地址
href="mailto: 123456@qq.com" 打开邮箱,发送邮件
href="tel:13388**2345" 点击后,会询问用户是否要拨打电话
href="outline.md" 浏览器不能解析的文档, 会直接下载

2.taget

打开 URL 的页面来源,方式。如本窗口打开,新建窗口打开,锚点等。

属性 描述
target="__self" 当前窗口打开链接
target="_blank" 新窗口打开链接
target="_parent" 父窗口打开链接
target="_top" 顶层窗口打开链接
target="name" 指定名称的窗口, 与<iframe>元素配合
target="#anchor" 跳转到设置了锚点的元素所在位置

综上,可分析链接常用的功能有:

1、打开一个新网页,弹出一个新窗口;
2、可快捷弹窗邮箱软件,并自动添加收件人,方便发邮件;
3、下载文档;
4、锚点,网页内进行跳转,如一篇文章按标题进行跳转;企业展示网站可通过锚点让用户快速找到想要了解的信息。


表格的合并

1.表格的基本结构

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

2.表格的行合并

使用colspan="*"


3.表格的列合并

使用rowspan="*"


案例:

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <table border="1" width="600px" align="center">
  10. <caption>
  11. 手机价格表
  12. </caption>
  13. <tbody>
  14. <thead>
  15. <th>类型</th>
  16. <th>型号</th>
  17. <th>单价</th>
  18. </thead>
  19. <tr align="center">
  20. <td rowspan="3">手机</td>
  21. <td>iphone 5S</td>
  22. <td>2000</td>
  23. </tr>
  24. <tr align="center">
  25. <td>iphone 6S</td>
  26. <td>3000</td>
  27. </tr>
  28. <tr align="center">
  29. <td>iphone 7S</td>
  30. <td>4000</td>
  31. </tr>
  32. <tr align="center">
  33. <td colspan="2">合计</td>
  34. <td>7000</td>
  35. </tr>
  36. </tbody>
  37. </table>
  38. </body>
  39. </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+教程免费学