文档声明

HTML最上方的一段文本我们称之为文档类型声明，用于声明文档类型

HTML文档声明，告诉浏览器当前页面是HTML页面；
让浏览器用HTML5的标准去解析识别内容；
必须放在HTML文档的最前面，不能省略，省略了会出现兼容性问题；

html元素

元素，表示一个HTML文档的**根**（顶级元素），所以它也被称为**根元素**。 - 所有其它元素必须是**此元素的后代**。 W3C标准建议为html元素增加一个**lang属性**,作用是 - 帮助**语音合成工具**确定要使用的发音； - 帮助**翻译工具**确定要使用的翻译规则；

常用规则

lang=”en” 表示这个HTML文档的语言是英文；
lang=”zh-CN” 表示这个HTML文档的语言是中文；

常用的元素

p元素、h元素；
img元素、a元素、iframe元素；
div元素、span元素；
ul、ol、li元素；
button元素、input元素；
table、thead、tbody、thead、th、tr、td;

常用元素-h元素

在一个页面种通常会有一些比较重要的文字作为标题，这个时候我们可以使用h元素。
h1-h6标题（Heading）元素呈现了六个不同级别的标题
Heading是头部的意思，通常会用来做标题
h1级别最高，而h6级别最低。
PS: h元素通常和SEO优化有关系

常见元素-p元素

如果我们想表示一个段落，这个时候可以使用p元素。
HTML
元素
（或者说HTML段落元素）表示文本的一个段落。
- p元素是paragraph单词的缩写，是段落、分段的意思；
- p元素多个段落之间会有一定的间距；

常见元素-img元素

HTML 元素将一份图像嵌入文档。

img是image单词的缩写，是图像的意思
事实上img是一个可替换元素（replaced element）;

img常用属性

src属性：source单词的缩写，表示源
- 是必须的，它包含了你想嵌入的图片的文件路径。
alt属性：不是强制性的，有两个作用
- 作用一：当图片加载不成功（错误的地址或者图片资源不存在），那么会显示这段文本；
- 作用二：屏幕阅读器会将这些描述读给需要使用阅读器的使用者听，让他们知道图像的含义；

img图片路径

设置img的src时，需要给图片设置路径：

网络图片：一个URL地址(设置只需要给一个url地址即可)；
本地图片：本地电脑伤的图片，会和html一起部署到服务；

本地图片的路径有两种方式：
方式一：绝对路径（几乎不用）；

从电脑的根目录开始一直找资源的路径；
方式二：相对路径（常用）；
相当于当前文件的一个路径(.代表当前文件夹一个，..代表上级文件夹两个)；

常见元素-a元素

在网页种我们经常需要跳转到另一个链接，这时候我们使用a元素；
HTML a元素（或称（anchor）元素）：
定义超链接,用于打开新的URL；

a元素常用属性

href: Hypertext Reference的简称

指定要打开的URL地址；
也可以是一个本地地址；
target: 该属性指定在何处显示链接的资源
_self: 默认值，在当前窗口打开URL;
_blank: 在一个新的窗口中打开URL；
_parent：在父窗口中打开URL
_top：在顶层窗口中打开URL

iframe元素

利用iframe元素可以实现：在一个HTML文档中嵌入其它HTML文档

frameborder属性

用于规定是否显示边框

1：显示边框
0：不显示边框

head元素

HTML head元素 规定文档相关的配置信息（也称之为元数据），包括文档的标题，引用的文档样式和脚本等。

什么是元数据（meta data），是描述数据的数据；
我们可以理解成是对整个页面的配置；

常见的设置一般包含：
网页的标题：title元素

1	<title>网页标题</title>

网页的编码：meta元素

用于设置网页的字符编码，让浏览器更精准地显示每一个文字，不设置或者设置错误会导致乱码；
一般都使用utf-8编码，涵盖了世界上几乎所有的文字；
1
<meta charset="utf-8">

html基操扫盲