1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>xxx</title> 6 </head> 7 <body> 8 9 <h1>我的第一个标题</h1> 10 11 <p>我的第一个段落。</p> 12 13 </body> 14 </html>
1、HTML 不是一种编程语言，而是一种标记语言。标记语言是一套标记标签 (markup tag)。
开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。
关闭标签是可选的。 但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。
2、HTML 是用来描述网页的一种语言。HTML文档也叫做 web 页面。
3、HTML 标签是由尖括号包围的关键词，比如 <html>。
4、Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。
5、内容介绍
<!DOCTYPE html> 声明为 HTML5 文档
网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。
doctype 声明是不区分大小写的。声明方式参考：DOCTYPE 参考手册
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
只有 <body> 区域 (白色部分) 才会在浏览器中显示。
<h1> 元素定义一个大标题
HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。
1 <h1>这是一个标题</h1> 2 <h2>这是一个标题</h2> 3 <h3>这是一个标题</h3>
请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。
<p> 元素定义一个段落
1 <p>这是一个段落。</p> 2 <p>这是另外一个段落。</p>
<a>定义HTML 链接
<a href="https://www.runoob.com">这是一个链接</a>
<img>定义HTML 图像
<img loading="lazy" src="/images/logo.png" width="258" height="39" />
<br>换行
<hr> 标签在 HTML 页面中创建水平线
可用于分隔内容。
6、属性
- 属性一般描述于开始标签
- 属性总是以名称/值对的形式出现，比如：name="value"。
- class 属性可以多用 class=" " （引号里面可以填入多个class属性）
- id 属性只能单独设置 id=" "（只能填写一个，多个无效）
7、排版
对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。