什么是HTML
HTML代表“超文本标记语言”(HyperText Markup Language)。它是一种用于创建和结构化网页内容的标准标记语言。通过使用HTML,开发者可以定义网页中的文本、图像、链接、表格等元素的结构和格式。
<!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>
-
<!DOCTYPE html>这一行位于HTML文档的最顶部,是档类型声明,标识当前文档为HTML5文档 -
<html lang="en">是HTML文档的开始标签,表示该文档的语言为英语。使用lang属性可以帮助搜索引擎和辅助技术(如屏幕阅读器)更好地理解网页内容的语言,从而增强可访问性和搜索优化。在这一行之后,通常会包含网页的头部信息(在<head>标签内)和主体内容(在<body>标签内)。对应的结束标签是</html>,标志着HTML文档的结束。 -
<head>标签用于定义HTML文档的头部部分。头部主要包含文档的元数据(metadata),包括:-
- 标题() : 网页的标题,显示在浏览器的标签页上。
-
- 字符集() : 指定网页使用的字符编码,如UTF-8。
-
- 视口设置() : 使页面在不同设备上更好地适应屏幕。
-
- 样式链接() : 连接外部CSS样式表。
-
- 脚本( : 引用外部JavaScript文件。
</head>是<head>部分的结束标签,表示头部内容定义的结束。头部信息在页面呈现时通常不会直接显示,但影响页面的表现和搜索引擎优化。 -
-
<body>标签用于定义HTML文档的主体部分,所有显示在网页上的内容都应放在<body>标签内。主体部分可以包含各种元素,例如:
- 文本内容: 通过
<h1>到<h6>的标题标签、段落标签<p>等来定义文本。
- 图像: 使用
<img>标签插入图像。
- 链接: 通过
<a>标签创建超链接。
- 列表: 可以使用有序列表
<ol>和无序列表<ul>来展示项目。
- 表格: 使用
<table>标签来创建数据表格。
- 表单: 通过
<form>标签来收集用户输入。