<!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.宽度撑满整个父元素