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");

Correcting teacher：

WJ

Correction status：qualified

Teacher's comments：总体写的不错，建议文档结构可以用代码写出来以便于了解熟悉html的结构。

Statement of this Website

The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!

All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement

0 comments

Author's latest blog post

HTML 第一课页面结构

2020-06-12 00:28:52