HTML（HyperText Markup Language）是构建网页的标准标记语言。以下是关于HTML基础知识的详细介绍：
一、HTML概述
- 定义：HTML是通过一系列标签（tag）来描述网页中的文本、图片、声音等内容的一种语言。这些标签可以说明文字、图形、动画、声音、表格、链接等。
- 特性：HTML不是编程语言，而是超文本标记语言。它的标签由尖括号包围的关键词组成，如
<div>。HTML的标签一般是成对出现的，称为双标签，如<div></div>；但也有单标签，如<br>。
二、HTML文件基本结构
一个基本的HTML文件结构包含构成HTML文档的必要元素，具体如下：
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>页面标题</title> | |
| </head> | |
| <body> | |
| 网页内容 | |
| </body> | |
| </html> |
-
<!DOCTYPE html>：文档类型声明，告诉浏览器这是一个HTML5文档。 -
<html lang="en">：HTML根元素，lang属性定义了文档的语言，en表示英文。可以根据需要修改为其他语言代码，如中文为zh-CN。 -
<head>：头部元素，包含不显示在页面上的信息，如标题、字符集和链接到外部资源。<meta charset="UTF-8">：定义字符编码。UTF-8被称为“万国码”，基本包括了所有国家会用到的字符。<meta name="viewport" content="width=device-width, initial-scale=1.0">：用于控制移动设备上网页的布局和缩放。这个标签告诉浏览器以设备的屏幕宽度为视口宽度，并且初始缩放比例为1.0，即100%，这意味着网页将按照其原始尺寸在移动设备上渲染，不会被自动缩放。<title>：定义浏览器标题栏或标签页的标题。
-
<body>：包含网页的可见内容。
三、HTML常见标签
1. 标题标签
标题标签用于在页面中定义不同大小的标题，从<h1>到<h6>，字体大小依次递减。每个标题与其他标题之间的距离较大。
2. 段落标签
段落标签<p>用于将文本分为几个段落来显示。段落中的文本会根据浏览器窗口的大小自动换行，段落和段落之间有一定的空隙。
3. 换行标签
换行标签<br>用于对文本强制进行换行显示。它是一个单标签，换行后的内容是正常的距离，不会像段落标签那样产生较大的空隙。
4. 文本格式化标签
在设计网页中，可以使用文本格式化标签来实现加粗、斜体、下划线、删除线等特殊显示效果。
- 加粗：
<b>或<strong> - 斜体：
<i>或<em> - 下划线：
<u> - 删除线：
<s>或<del>
5. 容器标签
<div>：块级标签，独占一行，主要用于结合CSS进行页面分块布局。<span>：行级标签，所有内容都在同一行内显示，主要用于进行友好提示信息等。
6. 图像标签
图像标签<img>用于在HTML页面中定义图像。它的src属性指定了图像的地址，可以是相对路径或绝对路径。此外，还可以设置图像的宽度、高度、边框、对齐方式等属性。
7. 超链接标签
超链接标签<a>用于创建链接。它的href属性指定了链接目标的地址。超链接可以是文本，也可以是图像等其他网页元素。
8. 表格标签
表格标签用于展示数据，使数据更加直观。表格的基本结构包括<table>（定义表格）、<tr>（定义表格行）、<th>（定义表头单元格，内容加粗居中显示）和<td>（定义表格中的单元格）。此外，还可以使用<thead>和<tbody>等标签来更好地组织表格结构。
9. 列表标签
列表标签用于布局，分为无序列表、有序列表和自定义列表三类。
- 无序列表：使用
<ul>和<li>标签定义，<ul>中只能嵌套<li>。 - 有序列表：使用
<ol>和<li>标签定义，<ol>可以设置type属性来指定列表项的类型（如数字、字母、罗马数字等）。 - 自定义列表：使用
<dl>、<dt>和<dd>标签定义，其中<dl>定义自定义列表，<dt>定义列表中的名词或术语，<dd>定义名词或术语的解释或说明。
四、HTML5新特性
HTML5引入了许多新特性，包括语义化标签（如<article>、<section>、<nav>等）、多媒体标签（如<audio>、<video>等）、新增的input类型（如email、url、tel等）、新增的表单属性（如required、placeholder等）以及更强大的选择器（如属性选择器、结构伪类选择器、伪元素选择器等）。
总之，HTML是构建网页的基础语言。通过学习和掌握HTML基础知识，可以创建出丰富多样的网页内容。
