博客列表 >html基础知识

html基础知识

努力努力再努力
努力努力再努力原创
2020年06月25日 20:39:19679浏览

1.html 结构

  1. <!-- 标记文档的类型:html -->
  2. <!DOCTYPE html>
  3. <!-- html是文档的根元素 -->
  4. <html lang="en">
  5. <!-- head:头元素 -->
  6. <head>
  7. <!-- meata:元数据 -->
  8. <meta charset="UTF-8" />
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  10. <title>Document</title>
  11. <!-- style :css样式表 -->
  12. <style></style>
  13. </head>
  14. <!-- body:主体元素 -->
  15. <body>
  16. </body>
  17. <!-- script:js脚本 -->
  18. <script></script>
  19. </html>

2.html 的元素

元素类型 标签类型 语法 实例
非空元素 双标签 <起始标签 属性 1 属性 2>内容</结束标签> <p>php 中文网</p>
空元素 单标签 <标签 属性 1 属性 2 /> <img src="图片地址"/>

3.html 的三大属性

  1. 1.id:获取页面中的第一元素,
  2. id属性有用户保证在当前页面的唯一性,浏览器不会检查、ing给专用于获取唯一元素
  3. 2.class:获取元素的一类元素
  4. classs属性:类属性、返回多个具有共同性的元素集合
  5. 3.style:设置元素的内内联样式
  6. style属性:设置当前元素队形的样式
  7. 样式中:标签选择器<类选择器<id选择起 tag< class <id
  8. idclass:在cssjs中获取一个或东哥元素对象
  9. style:用来设置某个元素的具体样式
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议