Blogger Information
Blog 13
fans 0
comment 0
visits 9775
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
初识html标签
樱风醉
Original
571 people have browsed it

标题 链接 分割线 图片

  1. <!-- 通过<h1>~<h6>来定义标题 -->
  2. <h1>一级标题</h1>
  3. <h2>二级标题</h2>
  4. <h3>三级标题</h3>
  5. <!-- <a> 标签定义链接,例:在新标签页打开百度-->
  6. <a href="https://www.baidu.com/" target="_blank">百度</a>
  7. <!-- 下面是一条分割线 -->
  8. <hr />
  9. <!-- 打开一张图片 -->
  10. <img src="https://i.loli.net/2021/09/19/1GNfZleyhUrbXF9.jpg" alt="蓝天" height="200px" />

效果如下:

有序/无序/自定义列表

  1. <p>国内云服务市场份额排名</p>
  2. <ol>
  3. <li>阿里云</li>
  4. <li>腾讯云</li>
  5. <li>金山云</li>
  6. <li>华为云</li>
  7. </ol>
  8. <p>办公用品</p>
  9. <ul>
  10. <li>电脑桌</li>
  11. <li>办公椅</li>
  12. <li>笔记本</li>
  13. <li>钢笔</li>
  14. <li>打印机</li>
  15. </ul>
  16. <dl>
  17. <dt>html:</dt>
  18. <dd>是一种超文本标记语言: HyperText Markup Language</dd>
  19. </dl>

效果如下:

<iframe>标签

  1. <p>
  2. <a href="http://cloud.mokeyjay.com/pixiv/" target="pixiv">PIXIV每日排行榜</a>
  3. </p>
  4. <iframe srcdoc="点击上方链接显示pixiv日榜" frameborder="1" name="pixiv" style="width: 240px; height: 380px"></iframe>

效果如下:

表格

  1. <table>
  2. <caption>学生上课时间</caption>
  3. <thead>
  4. <tr>
  5. <td colspan="2">上午</td>
  6. <td colspan="2">下午</td>
  7. <td colspan="2">晚上</td>
  8. </tr>
  9. </thead>
  10. <tbody>
  11. <tr>
  12. <td>预备铃</td>
  13. <td>08:00</td>
  14. <td>预备铃</td>
  15. <td>13:50</td>
  16. <td>预备铃</td>
  17. <td>18:10</td>
  18. </tr>
  19. <tr>
  20. <td>第1节</td>
  21. <td>08:10-08:55</td>
  22. <td>第5节</td>
  23. <td>14:00-14:45</td>
  24. <td>第9节</td>
  25. <td>18:15-19:00</td>
  26. </tr>
  27. <tr>
  28. <td>第2节</td>
  29. <td>09:00-09:45</td>
  30. <td>第6节</td>
  31. <td>14:50-15:35</td>
  32. <td>第10节</td>
  33. <td>19:05-19:50</td>
  34. </tr>
  35. <tr>
  36. <td>第3节</td>
  37. <td>10:05-10:50</td>
  38. <td>第7节</td>
  39. <td>15:50-16:40</td>
  40. <td>第11节</td>
  41. <td>19:55-20:40</td>
  42. </tr>
  43. <tr>
  44. <td>第4节</td>
  45. <td>10:50-11:40</td>
  46. <td>第8节</td>
  47. <td>16:45-17:30</td>
  48. <td colspan="2"></td>
  49. </tr>
  50. </tbody>
  51. <tfoot>
  52. <tr>
  53. <td colspan="2">备注</td>
  54. <td colspan="4">中午休息,其他为课间休息时间</td>
  55. </tr>
  56. </tfoot>
  57. </table>

效果如下:

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
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!