<!DOCTYPE html>
<!--
DOCTYPE定义文件类型
不是标签，是声明语句
必须写在html的第一行
-->
<html lang="en">
<!--
网页的根元素
定义整个html文档，包含head 和body
lang 属性
作用：定义当前文档显示文字的语言
语法：lang="en"
en 英文
zh-CN中文
-->
<head>
<!--
head 双标签网页的头部信息，器不会显示在网页中包含网页标题title,样式（style）,文档的脚本文件（javaScript）,
meta信息标签
-->
<meta charset="UTF-8">
<!--
meta 单标签
charset (character set) 文档字符集 多个字符的集合，便于计算机识别和存储各种
文字的。
charset="设置编码方式"
UTF-8:万国码：通用性好
GB2312:简体中文，包含6763个汉字
GBK：包含了全部的中文字符，
BIG5:繁体中文，
-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 优先使用IE浏览器内核 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第一个网页</title>
<!-- 定义网页的标题 -->
</head>
<body>
<!-- 内核是渲染引擎 -->
<!-- 什么是html?
Hyper Text Mark-up Language:超文本标记语言。
超文本：不仅可以书写文字，还包括：图片，音频，视频，超链接等等。
标记语言：是由一套标记标签组成的。
标记：构成网页的基本单位。
标签：由尖括号括起来的关键词。
双标签：<开始标签>内容</结束标签>
单标签：<标签名>或<标签名/>
-->
<!-- 注释：对代码的解释和说明，不会被浏览器执行
快捷键ctrl+/
-->
<!-- html 基本结构-->
</body>
<!--
网页的主题内容
-->
</html>
基础标签：
块级标签
div:搭建网页结构的基本标签~~~盒子；无语义标签
特性：
1.独立成行
2.宽度默认撑满整个父元素~~~
3.高度默认由内容撑开
作用：用来划分网页的区块，里面可以嵌套任何标签
块级标记：
h系列标签 标题标签
标题标签里面文字大小依次减小，重要程度依次减小
注意事项：h1标题标签在一个页面中只能有一个，h2~h6可以有多个
特性：
1.宽度默认撑开整个父元素
2.高度默认由内容撑开
3.独立成行
4.自带外间距
5.自带加粗效果
使用场景：
1。文章的标题，内容的章节标题
2.logo
3.产品的标题
块级标签
p：段落标签
特性：
1.宽度默认撑满整个父元素
2.高度默认由内容撑开
3.独立成行
4.自带外间距
使用场景：文章段落
注意事项：p标签不能嵌套块级元素
hr:单标签 文本分割线
特性：
1.宽度撑满整个父元素
7185
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
