欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML基础知识

程序员文章站 2022-03-24 09:37:36
...
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="keywords" content="这是关键字">
  6. <meta name="description" content="这是网页藐视">
  7. <meta name="icon" href="../../htmltubiao.icon">
  8. <title>这是作业网页</title>
  9. </head>
  10. <body>
  11. <p>
  12. 坚持学习天天向上
  13. </p>
  14. <h1>一号字体</h1>
  15. <h2>二号字体</h2>
  16. <h3>三号字体</h3>
  17. <h4>四号字体</h4>
  18. <h5>五号字体</h5>
  19. <h6>六号字体</h6>
  20. <b>加粗,强调效果</b>
  21. <strong>加粗,强调内容</strong>
  22. H<sub>2</sub>O
  23. <br>
  24. 5<sup>2</sup>= 25
  25. <hr>
  26. <figure style="width:30%" ;>
  27. <img src="shouquan.png" width='100%' alt="">
  28. <figcaption style="text-align: center;">这个是收券码</figcaption>
  29. </figure>
  30. <ul>
  31. <li>apple</li>
  32. <li>orange</li>
  33. <li>pear</li>
  34. </ul>
  35. <ol>
  36. <li>铅笔</li>
  37. <li>橡皮</li>
  38. <li>尺子</li>
  39. <li>圆规</li>
  40. </ol>
  41. <dl style="border: 1px solid red;">
  42. <dt>一般仿图片</dt>
  43. <dd>一般写标题</dd>
  44. </dl>
  45. <dl style="border: 1px solid red;">
  46. <dt>一般仿图片</dt>
  47. <dd><a>跳转京东</a></dd>
  48. </dl>
  49. <dl style="border: 1px solid red;">
  50. <dt><img src="shouquan.png" alt=""></dt>
  51. <dd>
  52. <a href="https://www.baidu.com">跳转百度</a>
  53. </dd>
  54. <progress value="50" min="1" max="100">这是进度条</progress>
  55. <meter value="70" min="1" max="100"> 定义范围,适用于密码强度提示 </meter>
  56. </dl>
  57. </body>
  58. </html>