Blogger Information
Blog 29
fans 0
comment 0
visits 18384
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
HTML-20201209(标签与段落、链接与锚点、链接图片)
CC
Original
581 people have browsed it

HTML5

HTML5-001

20201209标签与段落

  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. <h1>下个月每人加薪1000元</h1>
  11. <!-- 标签 -->
  12. <p>下一个每人加薪1000元</p>
  13. <h1>php.com</h1>
  14. <h2>php.cn</h2>
  15. <h3>php.ui</h3>
  16. <!-- 内容 p段落标签 -->
  17. <p>世界上最好的语言php</p>
  18. </body>
  19. </html>

20201209链接与锚点

  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. <!-- a 链接标签,全球资源的共享,同默认a标签,在原本窗口打开 -->
  10. <a href="https://www.php.cn/" target="_self">php中文网</a>
  11. <!-- _blank在新窗口打开 -->
  12. <a href="https://www.php.cn/" target="_blank">php好文网</a>
  13. <!-- 在指定的窗口打开target="iframt 内联框架的name值 -->
  14. <a href="https://www.baidu.com/" target="baidu">打开小度</a>
  15. <iframe src="" name="baidu" frameborder="0"></iframe>
  16. <!-- 使用锚点,可以实现在当前页面中的任决位置进行跳转 -->
  17. <a href="dibu">跳转到底部</a>
  18. <!-- 创建锚点,div是通用的容器标签 -->
  19. <div id="dibu" style=" margin-top:1000px">底部</div>
  20. <a href="#">回到顶部</a>
  21. </body>
  22. </html>

20201209图片

  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>Document</title>
  7. </head>
  8. <body>
  9. <!-- 图片上传一般使用链接 -->
  10. <img src="https://img.php.cn/upload/course/000/000/035/5d2941e265889366.jpg" alt="好片">
  11. </body>
  12. </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