html介绍

2021/03/01htmlhtml

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

我们可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

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

HTML文档的后缀名：.htm 和 .html，两种没有区别都可以使用。

1. 完整的html页面

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落

注：在浏览器的页面上使用键盘上的 F12 按键开启调试模式，就可以看到组成标签。

2. html网页结构

下面是一个可视化的HTML页面结构：

只有 <body> 区域 (白色部分) 才会在浏览器中显示。

<!DOCTYPE>声明有助于浏览器中正确显示网页。

网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。doctype 声明是不区分大小写的。

3. 第一个示例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>helloworld</title>
    </head>
    <body>
        <h1>第一个html</h1>
        <p>helloworld</p>
    </body>
</html>

执行结果：

在Visual Studio Code中，要使用浏览器打开html查看效果需要安装open in browser扩展，要实时预览编写的代码需要安装Live Preview扩展。

这样我们就可以实时查看效果了：

html介绍

1. 完整的html页面

2. html网页结构

3. 第一个示例

☆本文目录☆