HTML-基本知识介绍

62 阅读1分钟

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>