博客列表 >Html 常用标签用法与实例

Html 常用标签用法与实例

阿龙
阿龙原创
2021年09月20日 12:43:34530浏览

Html 常用标签用法与实例


<a><frame>标签的常见用法

  1. <!-- 点击跳转站外 -->
  2. <a href="https://baidu.com">百度一下</a>
  3. <!-- 调用窗口在本页打开链接 -->
  4. <iframe src="https://taobao.com" frameborder="0"></iframe>
  5. <!-- 指定窗口打开 -->
  6. <a href="https://taobao.com" target="taobao">淘宝网</a>
  7. <iframe frameborder="2" name="taobao"></iframe>
  8. <!-- 返回顶部 -->
  9. <a href="#">返回顶部</a>
  10. <!-- 使用瞄点实现快速跳转到指定位置 -->
  11. <h1 id="main">跳转到我这里</h1>
  12. <a href="#main">站内跳转</a>

<img>图片标签的用法

  1. <!-- 调用加载指定图片 -->
  2. <img src="dog.jpg">
  3. <!-- 点击图片跳转 -->
  4. <a href="https://baidu.com><img src="cat.jpg"></a>

<ul><ol><dl>列表标签的用法

  1. <!-- 有序列表 -->
  2. <!-- 以英文字母排列序号,从B开始 -->
  3. <ol type="B" start="2">
  4. <li>第二节课</li>
  5. <li>第三节课</li>
  6. <li>第四节课</li>
  7. </ol>
  8. <!-- 自定义列表 -->
  9. <dl>
  10. <dt>列表标题</dt>
  11. <dt>文字</dt>
  12. <dd>文字</dd>
  13. </dl>
  14. <!-- 无序列表 -->
  15. <ul>
  16. <li>笔记本</li>
  17. <li>苹果手机</li>
  18. <li>台式电脑</li>
  19. </ul>

<table>表格的制作实例

  1. <table border="1"
  2. width="550"
  3. cellspacing="0"
  4. cellpadding="5"
  5. style="text-align: center">
  6. <caption style="font-size: 26px;"><strong>
  7. 个人简历表
  8. </strong>
  9. </caption>
  10. <thead></thead>
  11. <tbody>
  12. <tr>
  13. <td>姓名</td>
  14. <td>张三</td>
  15. <td>性别</td>
  16. <td></td>
  17. <td rowspan="4"> <img src="dog.jpg" style="width: 100px;height: 120px;" /></td>
  18. </tr>
  19. <tr>
  20. <td>年龄</td>
  21. <td>18</td>
  22. <td>民族</td>
  23. <td></td>
  24. </tr>
  25. <tr>
  26. <td>婚姻状况</td>
  27. <td>未婚</td>
  28. <td>学历</td>
  29. <td>博士</td>
  30. </tr>
  31. <tr>
  32. <td>联系方式</td>
  33. <td>0755-123457</td>
  34. <td>身份证号码</td>
  35. <td>1234567890101</td>
  36. </tr>
  37. <tr>
  38. <td>家庭住址</td>
  39. <td colspan="4"></td>
  40. </tr>
  41. <tr>
  42. <td>工作地址</td>
  43. <td colspan="4"></td>
  44. </tr>
  45. <tr>
  46. <td colspan="5">教育背景</td>
  47. </tr>
  48. <tr style="height: 150px">
  49. <td>教育经历</td>
  50. <td colspan="4"></td>
  51. </tr>
  52. <tr>
  53. <td colspan="5">工作经历</td>
  54. </tr>
  55. <tr style="height: 150px">
  56. <td>个人工作经历</td>
  57. <td colspan="4"></td>
  58. </tr>
  59. <tr>
  60. <td colspan="5">入党情况</td>
  61. </tr>
  62. <tr>
  63. <td>入党时间</td>
  64. <td colspan="2"></td>
  65. <td>转正时间</td>
  66. <td></td>
  67. </tr>
  68. </tbody>
  69. <tfoot></tfoot>
  70. </table>

表格效果图如下

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