博客列表 >【HTML】文档结构与元素,标签,属性的类型

【HTML】文档结构与元素,标签,属性的类型

可乐随笔
可乐随笔原创
2022年11月27日 20:51:59442浏览
  1. <!-- 1.文档结构 html-->
  2. <!DOCTYPE html>
  3. <!-- 2. 根元素:<html>-->
  4. <html>
  5. <!--根元素html = 头元素head + 主体元素body -->
  6. <!-- 头元素是给浏览器和搜索引擎看的 -->
  7. <head>
  8. <meta charset="utf-8">
  9. <title>文档结构与元素,标签,属性的类型</title>
  10. </head>
  11. <body>
  12. <!--
  13. 1. 元素:链接
  14. 2. 标签: <a>
  15. 3. 属性: href target
  16. -->
  17. <a href="https://php.cn" target="_blank">php中文网</a>
  18. <!-- 1.标签:双标签,单标签 -->
  19. <h2>今年是2022年</h2>
  20. <p>11月</p>
  21. <!-- 双标签:描述文档自己的内容,如文本等 -->
  22. <!-- 单标签:通用是引用外部资源的,如图像、CSS文档、视频等 -->
  23. <img src="dog.jpg" alt="这是一个图片" />
  24. <link rel="stylesheet" href="style.css" />
  25. <script src="my.js"></script>
  26. <video src="dog.mp4"></video>
  27. <!-- script和video是单标签,但因为历史遗留问题,以后也不会修正了 -->
  28. <input type="text" size="20" value="admin" required />
  29. <!-- 布尔属性(true/false),如果required没有值,只要写上就是true,不写就是false -->
  30. <!-- 自定义:前缀`data-`,用js中的`dataset`来处理 -->
  31. <div data-name="admin" data-email="admin@qq.com">用户信息</div>
  32. </body>
  33. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议