HTML入门详解（一）

原创已于 2024-02-17 23:01:38 修改 · 217 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端

于 2024-02-17 18:10:21 首次发布

本文介绍了HTML，一种描述性标记语言，用于定义超文本内容的展示方式。详细讲解了HTML文档的结构，包括doctype声明、lang属性、head部分（如meta和title标签）和body部分的使用，以及编写时需要注意的规范，如标签嵌套和属性值要求。

HTML不是一种编程语言，是一种描述性的标记语言，用于描述超文本内容的显示方式，直接由浏览器解析执行，全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

HTML文档由HTML标签构成，每个标签可以包含一些内容或其他标签，这些标签可以帮助浏览器解析文档内容并显示出来，结构分为声明部分、head部分、body部分，如下。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

所有 HTML 文档必须以 <!DOCTYPE> 声明开头，该声明并非一个 HTML 标签。它是一条“信息”，告知浏览器期望的文档类型，以上代码中是 HTML5 的文档类型声明。<html lang="en">是一个定义文档类型为HTML5的标签，一个网页要先定义文档的类型，lang=“en”是该文档的根元素，"en"代表英语，"zh-CN"代表中文，其实不写lang属性，整个HTML文档的显示是没有任何问题的。<head></head>就是头部标签，在<head>与</head>之间是用来存放一个文档的头部元素的，在头部标签之间可以放入的头部元素有：<base>、<link>、 <meta>、 <script>、<style>、 <title>等标签，用于描述该文档的各种属性和信息。 <meta>标签可以定义文档的各种元数据，提供各种文档信息， charset 是<meta>标签的一个属性，是用来定义文档的字符编码。<title>Document</title>是用于设置文档标题，将显示于浏览器窗口的标题栏中。从<body>开始，可以根据自己的需要放入文本、图像、视频、表格、超链接等内容，以</body>结束。

注意事项：