📅 最后修改于: 2023-12-03 15:31:10.922000 🧑 作者: Mango
HTML (Hypertext Markup Language) 是网页的基础。在 HTML 中，我们可以使用标签来标识不同的元素，这些元素包括网页的文本、图像、链接、表单等。而在 HTML 中，我们往往将网页内容分为两部分：head 和 body。
<head> 标签用于描述文档的元数据，包括文档的标题、编码格式、样式表、脚本等等。HTML 的 head 部分一般不会直接体现在页面上，而是供浏览器和搜索引擎使用。
在 <head> 标签中，我们可以使用以下标签和属性：
<title> 标签：用于定义网页的标题，浏览器将其显示在浏览器窗口的标题栏或标签页上。
<meta> 标签：用于描述文档的特定属性，如网页的关键字、描述、作者、语言、字符集等。常用的属性包括 name、content、charset、http-equiv 等。
<link> 标签：用于在 HTML 文档中引入外部资源（如样式表、Web 字体等）。常用的属性包括 href、rel、type、media 等。
<style> 标签：用于定义网页的样式，包括字体、颜色、背景等等。
<script> 标签：用于编写 JavaScript 脚本，用于处理数据、操纵网页对象等等。在 <head> 标签中，我们通常使用 <script> 标签引入外部 JavaScript 文件，如 <script src="app.js"></script>。
<body> 标签用于描述 HTML 文档的主体部分，其中包含了我们要展示给用户的所有内容。在 <body> 标签中，我们可以使用以下标签和属性：
<h1>-<h6> 标签：用于定义标题，依次表示一级标题至六级标题。
<p> 标签：用于定义段落。
<a> 标签：用于创建超链接，通过指定 href 属性来指定链接的目标地址。同时，我们还可以在 href 属性中使用协议，如 mailto: 协议用于创建发送邮件的链接。
<img> 标签：用于在网页中显示图像，通过指定 src 属性来指定图像的路径。同时，我们还可以选择性地使用 alt 属性来为图像添加文本说明。
<ul> 和 <ol> 标签：分别表示无序列表和有序列表，用于显示一系列项目。在 <ul> 或 <ol> 标签中，我们可以使用 <li> 标签来定义每个项目的内容。
<table> 标签：用于创建表格，通过 <tr>、<td>、<th> 等标签来定义表格的行和列。
<form> 标签：用于创建表单，包含一系列表单控件（如文本框、下拉框、单选框、复选框等）和提交按钮。在 <form> 标签中，我们通过指定 action 属性来指定表单的目标地址，通过 method 属性来指定提交的方式（如 GET 或 POST）。
总的来说，HTML 的 head 部分主要用于描述网页的元数据，而 body 部分则用于展示网页的内容。通过熟练掌握 HTML，我们可以轻松地创建出美观而丰富的网页。