1.html5文件格式:
<!DOCTYPE html> //声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
<html lang="en">//根标签 指定html 语言种类
<head>//头部标签,用于说明页面是什么的页面
<meta charset="UTF-8">//设置当前的编码为UTF-8
<meta http-equiv="X-UA-Compatible" content="IE=edge">//告诉浏览器,如果是IE请使用最高级版本进行渲染
<meta name="viewport" content="width=device-width, initial-scale=1.0">//设置移动端适配,宽度等于设备宽度,
<title>Document</title>//标题,用于描述
</head>
<body>//正文内容
</body>
</html>
html骨架标签总结
标签名 | 定义 | 说明 |
---|---|---|
<html></html> | HTML标签 | 页面中最大的标签,我们成为 根标签 |
<head></head> | 文档的头部 | 注意在head标签中我们必须要设置的标签是title |
<titile></title> | 文档的标题 | 让页面拥有一个属于自己的网页标题 |
<body></body> | 文档的主体 | 元素包含文档的所有内容,页面内容 基本都是放到body里面的 |
<titile></title> | 文档的标题 | 让页面拥有一个属于自己的网页标题 |
HTML标签名、类名、标签属性和大部分属性值统一用小写
2.HTML元素标签分类
-
常规元素(双标签)
<标签名> 内容 </标签名> 比如 <body> 我是文字 </body> 该语法中“<标签名>”表示该标签的作用开始,一般称为“开始标签(start tag)”,“</标签名>” 表示该标签的作用结束,一般称为“结束标签(end tag)”。
2.空元素(单标签)
<标签名 /> 比如 <br />
空元素 用单标签来表示, 简单点说,就是里面不需要包含内容, 只有一个开始标签不需要关闭。
3.标签关系
-
嵌套关系
-
并列关系
html双标签 可以分为 有 一种是 父子级 包含关系的标签 一种是 兄弟级 并列关系的标签