1.html 结构
<!-- 标记文档的类型:html -->
<!DOCTYPE html>
<!-- html是文档的根元素 -->
<html lang="en">
<!-- head:头元素 -->
<head>
<!-- meata:元数据 -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<!-- style :css样式表 -->
<style></style>
</head>
<!-- body:主体元素 -->
<body>
</body>
<!-- script:js脚本 -->
<script></script>
</html>
2.html 的元素
元素类型 |
标签类型 |
语法 |
实例 |
非空元素 |
双标签 |
<起始标签 属性 1 属性 2>内容</结束标签> |
<p>php 中文网</p> |
空元素 |
单标签 |
<标签 属性 1 属性 2 /> |
<img src="图片地址"/> |
3.html 的三大属性
1.id:获取页面中的第一元素,
id属性有用户保证在当前页面的唯一性,浏览器不会检查、ing给专用于获取唯一元素
2.class:获取元素的一类元素
classs属性:类属性、返回多个具有共同性的元素集合
3.style:设置元素的内内联样式
style属性:设置当前元素队形的样式
样式中:标签选择器<类选择器<id选择起 tag< class <id
id、class:在css、js中获取一个或东哥元素对象
style:用来设置某个元素的具体样式