HTML概述
HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
—— 百度百科
HTML的全称为：Hypertext Marked Language，即超文本标记语言。
超文本：超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
数据类型
超文本标记语言定义了多种数据类型的元素内容，如脚本数据和样式表的数据，和众多类型的属性值，包括ID、名称、URI、数字、长度单位、语言、媒体描述符、颜色、字符编码、日期和时间等。所有这些数据类型都是专业的字符数据。
常见实体
| 显示结果 |
描述 |
实体名称 |
实体编号 |
|
空格 |
|
|
| < |
小于号 |
< |
< |
| > |
大于号 |
> |
> |
| & |
和号 |
& |
& |
| " |
引号 |
" |
" |
| ' |
撇号 |
' (IE不支持) |
' |
| ￠ |
分 |
¢ |
¢ |
| ￡ |
镑 |
£ |
£ |
| ￥ |
日元 |
¥ |
¥ |
| € |
欧元 |
€ |
€ |
| § |
小节 |
§ |
§ |
| © |
版权 |
© |
© |
| ® |
注册商标 |
® |
® |
| ™ |
商标 |
™ |
™ |
| × |
乘号 |
× |
× |
| ÷ |
除号 |
÷ |
÷ |
整体结构
一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘操作系统DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：
），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。
头部内容
标记符< html>：说明该文件是用超文本标记语言来描述的，它是文件的开头，而则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。
<head></head>：这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符，其中标题标记符用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可被浏览器用做书签和收藏清单。
以下表格列出了 HTML head 元素：
| 标签 |
描述 |
|
定义了文档的信息 |
| </td>
<td>定义了文档的标题</td>
</tr>
<tr>
<td><base></td>
<td>定义了页面链接标签的默认链接地址</td>
</tr>
<tr>
<td><link></td>
<td>定义了一个文档和外部资源之间的关系</td>
</tr>
<tr>
<td><meta></td>
<td>定义了HTML文档中的元数据</td>
</tr>
<tr>
<td><script></td>
<td>定义了客户端的脚本文件</td>
</tr>
<tr>
<td><style></td>
<td>定义了HTML文档的样式文件</td>
</tr>
</tbody>
</table>
<h2 id="主题内容">主题内容</h2>
<body></body>；，网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。
<p>示例：</p>
<pre><code class="language-html"><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>
</head>
<body>
</body>
</html>
</code></pre>
<h2 id="快速入门">快速入门</h2>
<p>Hello HTML!</p>
<pre><code class="language-html"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hallo HTML!</title>
</head>
<body>
你好，HTML5！
</body>
</html>
</code></pre>
<p>Google浏览器打开：</p>
<p><img src="https://img2018.cnblogs.com/i-beta/1681961/202002/1681961-20200220130701396-444737652.png" alt="img" loading="lazy"></p>
<pre><code>备注1：<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。
<!DOCTYPE> 声明不是一个 HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。
如HTML5：<!DOCTYPE html>
备注2：<html lang="en"> 向搜索引擎表示该页面是html语言，并且语言为英文网站，
其"lang"的意思就是“language”，语言的意思，而“en”即表示english 你的页面如果是
中文页面，可将其改为 <html lang="zh"> zh即表示中文.
备注3：charset=”utf-8”是告知浏览器此页面属于什么字符编码格式，下一步浏览器做好“翻译”工作。
常见的字符编码有：gb2312、gbk、unicode、utf-8。
</code></pre>
|
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· winform 绘制太阳，地球，月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾（3.3-3.9）