html文档结构
| 标签 | 解释 |
|---|---|
| Html | 根元素 |
| head | 头部元素 |
| title | 网站标题元素 |
| meat | 描述网页内容或供引擎收录与检索 |
| H1-H6 | 标题元素 |
| table | 表格元素 |
| form | 表单元素 |
| a | 超链接元素 |
| img | 图片元素 |
| 更多元素请查看PHP中文网 |
Html的三大通用属性
1.id通用属性
在Html中，id属性代表唯一的，但是浏览器并不会检查id属性的唯一性。在JavaScript中，如果你要选取所有绑定了同一个id的元素，JavaScript执行的时候只会选择符合id称的第一个绑定id的元素。与你预想的效果并不符合，所以id的唯一性这一点不是由浏览器来控制的，而是有用户，也就是成需要来保证的。
2.class通用属性
在Html中，class属性代表的是类，通俗易懂的来说便是一些元素中只要有一类的样式是相同的时候，便可以使用class来返回这些拥有相同元素的元素。
3.style通用属性
style属性叫作内联样式，只对当前书写的元素生效。与以上的id和class属性不同，id和class属性还需在元素外在创建一个元素标签，获取id和class才能改变样式。而style属于是可以直接作用于元素内进行书写，无需多创建一个class或这id。
4.三种属性的优先级别
style > id > class
三种属性的优先级别与顺序无关，与权重有关。JavaScript的一些语法使用技巧
1.\<script>\</script>这是一个元素。\<script>代表了JavaScript脚本开始执行，\</script>代表了JavaScript脚本结束。而脚本内容就是写在\<script>脚本内容\<script>两个元素标签中。
2.
console.log(要输出的内容);
这个语句是在控制台输出你所想输出的内容，内容是写在()中的。3.
const ele = document.getElementById("title-id");
作用是用一个常量获取绑定title-id的元素。
语句解析：
const ele是设定一个名为ele的常量
getElementById可以分开解读，get的意思是获取，Element的意思是元素 by在 id。整句话的意思是在id中获取元素。4.
const eles = document.getElementsByClassName("title-class");
作用：这句话的意思是在class中获取元素。
语句解析：
(注意：与3相同部分不做解释，查看3中的语句解析)
在这条语句中设定的常量由ele变成了eles，是因为以class获取的是类，也可以理解为获取了多个有共同特征的元素。故此getElement也要变成getElements。
因为获取到的是有多个class的元素，有点类似于数组，可以用数组的索引方式来逐个获取元素，也就是在元素后面添加一个[]括号，括号里面填写想找的元素位数即可。下个例题中是选择在控制太打印的方法索引元素，代码:console.log(eles[1]);。5.
const p = document.getElementsByTagName("p");
作用：直接用css选择器获取元素，只返回一个满足条件的元素。
语句解析：
(注意：部分不做解释，查看3中的语句解析)
TagName的意思是获取标签。
如果要获取全部相同标签元素就用一下语句:let y = document.querySelector(".title-class");
以上就是Html文档结构和三大属性与JavaScript部分语句的使用方法。