HTML-基本知识介绍-CSDN博客

本文链接：https://blog.csdn.net/m0_73559209/article/details/132238845

本文介绍了HTML的基本结构，包括doctype声明、根元素、头部元素（如meta标签的字符编码、X-UA-Compatible和viewport设置）、body元素以及页面内容结构。还提及了CSS的使用，强调了适应移动设备的重要性。

摘要由CSDN通过智能技术生成

createdAt: 2022-07-18T09:14:41.000Z

HTML-基本知识介绍

页面标签的作用

这是HTML文档的声明，指示浏览器使用最新的HTML规范解析文档。

<!DOCTYPE html>

这是HTML文档的根元素，定义了整个文档范围。lang="en"表示该文档使用英语作为主要语言。

<html lang="en">

`<head>`标记文档头部，包含了元数据和引用的外部资源。

<head>
    <meta charset="UTF-8"> 
    <!-- 声明文档的字符编码为UTF-8，支持多种字符集，确保正确显示特殊字符 -->
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 任何 IE 版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。简单的说，就是什
    么版本 IE 就用什么版本的标准模式渲染。 -->
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <!-- 定义视口（viewport）规则，适配移动设备屏幕，设置视口宽度和缩放比例 -->
    
    <title>这是一个页面</title> 
    <!-- 页面的标题，显示在浏览器的标题栏或页签上 -->

    <style> 
        * {
            margin: 0;  /* 设置所有元素的外边距为0 */
            padding: 0;  /* 设置所有元素的内边距为0 */
        }
    </style>
    <!-- 定义内部样式表，用于设置页面元素的样式 -->
</head>

`<body>`元素包含了HTML文档的实际内容，如文本、图片、链接、段落等。

<body>
    <div>
        <!-- 这里写我们的页面 -->
    </div>
</body>

HTML文档的结束标签，表示HTML文档的结束

</html>

HTML-基本知识介绍

createdAt: 2022-07-18T09:14:41.000Z

HTML-基本知识介绍

页面标签的作用

这是HTML文档的声明，指示浏览器使用最新的HTML规范解析文档。

这是HTML文档的根元素，定义了整个文档范围。lang="en"表示该文档使用英语作为主要语言。

<head>标记文档头部，包含了元数据和引用的外部资源。

<body>元素包含了HTML文档的实际内容，如文本、图片、链接、段落等。

HTML文档的结束标签，表示HTML文档的结束

`<head>`标记文档头部，包含了元数据和引用的外部资源。

`<body>`元素包含了HTML文档的实际内容，如文本、图片、链接、段落等。