HTML简介

1. HTML 是什么

全称：HyperText Markup Language 简称：HTML

中文名称：超文本 标记 语言

1. 它是一种语言
2. 标记 ：使用标签的形式来标识页面中的不同组成部分 说明了这个语言的组成部分是标签
3. 超文本：指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面

2. html网页的文件格式

扩展名：

.html .htm （早期页面扩展名）

3. 语法

html中的标记就是标签，学习html 就是学习各种标签

标签语法： ![V7IB@QWJXZ6MRN@YSC5Z1K.png

4. 元素

完整的标签还可称为元素 标签 = 元素

![MUI15KA]64HYQEQGSGN$Z_W.png](p6-juejin.byteimg.com/tos-cn-i-k3…?)

5. 注释标签

6. 属性

作用：通过属性为HTML元素提供附加信息，即怎么处理我们的标签

注意：

1. 属性需要设置在开始标签里

2. 属性总是以属性名和属性值 成对的形式出现

![BSN0E$[KK}RUHXIYBTAC@M.png

7. html 基本结构

1. 文档说明声明
2. html 标签对
3. head标签对
4. body 标签对

8. HTML标签

根标签，一个页面有且只有一对根标签，网页中所有内容都必须写在根标签内部。

作用：是在告诉浏览器，这个页面是从开始，然后到结束的。

![]3$1VBAULVC`3A_RH8]31U7.png](p9-juejin.byteimg.com/tos-cn-i-k3…?)

这句代码的作用是告诉浏览器，当前页面使用的是W3C的XHTML标准。这里我们了解即可，不用深究。一般情况下，我们不需要加上xmlns="http://www.w3.org/1999/xhtml"这一句。

9. head标签

网页的“头部”，用来定义网页的头部信息，浏览器根据这些信息来判断如何解析我们的页面

![YF%{E4B$BR3%BDR74KD2TR.png

head标签是比较特殊的。事实上，只有一些特殊的标签才能放在head标签内，其他大部分标签都是放在body标签内的，这里暂时只需要了解head标签内部都有哪些子标签就可以

一般有6个标签能放在head中

（1）title标签

（2）meta标签

（3）link标签

（4）style标签

（5）script标签

（6）base标签

10. body 标签

网页的“身体”，大部分的代码都是在这个标签里去编写的，它是我们网页中的可见部分

![RH61LOK(XJNR())3B%OU.png