html页面的文档结构
- !DOCTYPE html 申明是HTML5
- <html></html> 是根标签
- <head></head> 是头部标签
- <body></body> 是文档主体标签
- <meta charset="UTF-8" /> 设置文档字符集
- <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 设置视窗大小限制，device-width ： 限制设备宽度，initial-scale=1.0 ：不缩放
- <title></title> 文档标题标签
- <p></p> 段落标签
- <img/> 图片标签
- <br/> 换行标签
html的三大通用属性
- id 获取标签 一般唯一
- class 获取标签 可以获取一组标签
- 标签名获取标签 ，可以获取同一类型标签
属性添加优先级
标签名获取元素赋值 < class获取标签元素赋值 < id获取标签元素赋值 < 行内标签赋值
<style>#title{给id属性标签设置样式}.content{给class属性标签设置样式}标签名{给同一类型标签设置样式}</style>
<script>中获取标签方式</script>
//获取id为title标签let title = document.getElementById('title');//获取class值为content标签一组let content = document.getElementsByClassName("content");//获取所有p标签let ps = document.getElementsByTagName("p");//获取id值为title标签let title1 = document.querySelector("#title")；//获取class值为content第一个符合要求标签let content1 = document.querySelector(".content");//获取class值为content所有标签let contents = document.querySelectorAll(".content");