## 什么是 HTML？
- HTML 代表超文本标记语言
- HTML 是用于创建网页的标准标记语言
- HTML 描述 Web 页面的结构
- HTML 由一系列元素组成
- HTML 元素告诉浏览器如何显示内容
- HTML 元素标记内容片段，例如“this is a heading”、“this 是一个段落“、”这是一个链接“等。
先让我们看一个简单的例子
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
亲自试一试
### 示例解释
- 该声明定义了 此文档是 HTML5 文档
<!DOCTYPE html> - 该元素是 HTML 的根元素 页
<html> - 该元素包含有关 HTML 页面
<head> - 该元素指定 HTML 页面（显示在浏览器的标题栏或页面的选项卡中）
<title> - 该元素定义了 document 的 body 中，并且是所有可见内容的容器，例如 标题、段落、图像、超链接、表格、列表等。
<body> - 该元素定义一个大标题
<h1> - 元素定义段落
<p>
## 什么是 HTML 元素？
HTML 元素由 start 标签、一些 content 和 end 标签定义：
<标签名称>内容在这里... </tagname >
HTML 元素是从 start 标签到 end 标签的所有内容：
我 第一航向
我的第一段。
| Start tag | Element content | End tag |
|---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> | none | none |
注意： 某些 HTML 元素没有内容（如 <br>元素）。这些元素称为空元素。空元素没有 end 标签！
HTML 页面结构
下面是 HTML 页面结构的可视化效果：
好 那让我们正式走入HTML
HTML 文档
所有 HTML 文档都必须以文档类型声明 .<!DOCTYPE html>
HTML 文档本身以 开头，以 结尾。<html>``</html>
HTML 文档的可见部分位于 和 之间。<body>``</body>
例
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
[亲自试一试](www.w3schools.com/html/tryit.…
## <！DOCTYPE> 声明
该声明表示文档类型，并帮助浏览器正确显示 Web 页面。<!DOCTYPE>
它只能出现在页面顶部（在任何 HTML 标签之前）一次。
该声明不区分大小写。<!DOCTYPE>
HTML5 的声明是：<!DOCTYPE>
## HTML 标题
HTML 标题使用 to 标记定义。<h1>``<h6>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h1>定义最重要的标题。 定义最不重要 标题：<h6>
## HTML 段落
HTML 段落使用标签定义：<p>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
## HTML 链接
HTML 链接使用标签定义：<a>
例
<a href="https://www.w3schools.com">This is a link</a>
## HTML 图像
HTML 图像是使用 <img> 标签定义的。<img> 标签的几个重要属性包括：
src：指定图像的文件路径，可以是相对路径或绝对路径。alt：提供图像的替代文本，当图像无法显示时，将显示此文本。width：指定图像的宽度。height：指定图像的高度。
例
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
总结
今天的分享就到这里，点赞加关注继续学习HTML让我们一起走向前端之旅。
