HTML HTML 教程 (HTML5 标准) (stage1-8)

迈不过友情╰ 2022-06-02 00:56 238阅读 0赞

## 基础篇-HTML 教程 (HTML5 标准) ##

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。  
可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。  
在本文档中，将学习如何使用 HTML 来创建站点。  
HTML 很容易学习！相信我们能很快学会它！

#### 1.HTML 实例 ####

*注意：对于中文网页需要使用 声明编码，否则会出现乱码。有些浏览器会设置 GBK 为默认编码，则你需要设置为 。*

<!DOCTYPE html>//声明为html5文件
    <html>
    <head>
    <meta charset="utf-8"> //声明字符编码
    <title>案例</title>//定义网页标题
    </head>
    <body>
        <h1>我的第一个标题</h1>
        <p>我的第一个段落</p>
    </body>
    </html>

**实例解析**  
`<!DOCTYPE html>` 声明为 HTML5 文档  
`<html>` 元素是 HTML 页面的根元素  
`<head>` 元素包含了文档的元（meta）数据  
`<title>` 元素描述了文档的标题  
`<body>` 元素包含了可见的页面内容  
`<h1>` 元素定义一个大标题  
`<p>` 元素定义一个段落

#### 2.HTML文档的后缀名 ####

*  .html
 *  .htm
    
    以上两种后缀名没有区别，都可以使用。

#### 3.Web 浏览器 ####

Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。  
浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户：  
![这里写图片描述][SouthEast]

#### 4.HTML 网页结构 ####

下面是一个可视化的HTML页面结构：  
![这里写图片描述][SouthEast 1]  
只有 `<body>`区域 (白色部分) 才会在浏览器中显示。

[SouthEast]: /images/20220602/ab32cc035fb0421baad72abec8346a38.png
[SouthEast 1]: /images/20220602/66373b81333944e79fa1069117e05966.png