2025年8月4日
一、什么是网页HTML？
首先，让我们来了解一下什么是网页HTML。它是一种用于描述网页的技术语言，通常被称为超文本标记语言。在制作网页时，我们利用HTML提供的一套标签来实现页面的构建和布局。
发展史：HyperText Markup Langage
- 1991年6月，互联网工程工作小组发布了关于HTML的第一份工作草案；
- 1995年11月，作为RFC1866发布；
- 然而，在1996年6月发布的RFC854之后，HTML被宣布过时。
HTML语法
HTML的语法是国标标准化组织和国际电工委员会的标准。目前最常见的版本为XHTML1.1，它于2001年5月1日发布。由于改动过大，学习这个新技术的成本过高而最终胎死腹中，因此现在最常用的还是XHTML1.1。
目前最新的版本为HTML5，它在2014年被提出，2017年被WC接纳并成立新的HTML工作团队。2016年1月8日公布HTML5第一份正式草案，2016年1月17日HTML5规范正式定稿，2016年5月6日，HTML5.1正式草案公布。
作为最新版本，HTML5提供了一些新的元素和一些有趣的新特性，如使用网页实现动态渲染图形、图表、图像和动画，以及不需要安装任何插件直接使用网页播放视频等。目前企业开发中也在增大使用HTML5的力度。
HTML的优势
- 各大浏览器厂商对H5的支持：目前，主流的浏览器如Chrome、Firefox、Safari、IE都支持HTML5；
- 市场需求：随着互联网的发展，对于响应式网页和动态交互的需求日益增长；
- 跨平台：HTML5可以在不同的操作系统和设备上运行，降低了开发和维护成本。
二、HTML的基本结构
下面我们来了解HTML的基本结构：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
页面内容
</body>
</html>
<!DOCTYPE html>：声明文档类型和版本；<html>：HTML文档的开始和结束标记；<head>：头控制标记，不在界面上进行展示，子标签可设置SEO优化的一些内容以及设置网页的编码；<title>：设置浏览器的窗口上标题；<body>：页面可见内容。
三、HTML的基本标签
接下来，我们来介绍一些基本的HTML标签：
1. 标题标签（h1~h6）
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>标题标签</title>
</head>
<body>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</body>
</html>
2. 段落标签（p）
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>段落标签和换行标签</title>
</head>
<body>
<h1>北京欢迎你</h1>
<p>北京欢迎你，为你开天辟地</p>
<p>北京欢迎你，有勇气就会有奇迹</p>
</body>
</html>
3. 水平线标签（hr）
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>水平线标签</title>
</head>
<body>
<h1>漂洋过海来看你</h1>
<hr>
<p>为你我用了半年的积蓄，漂洋过海来看你</p>
<hr/>
</body>
</html>
4. 字体样式标签（em、strong）
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>字体样式标签</title>
</head>
<body>
<h1>漂洋过海来看你</h1>
<hr>
<p>为你我用了<em>17</em>半年的<Strong>积蓄</Strong>，<em><Strong>漂洋过海</Strong></em>来看你</p>
<hr/>
</body>
</html>
四、注释和特殊符号
- 注释：使用
<!––被注释的内容-->进行注释； - 大于号（gt）：>；
- 小于号（lt）：<；
- 双引号：" "；
- 版权符号：©；；
- 空格： ；。
综上所述
以上就是HTML的简单入门，后续将持续带大家更深入的了解HTML。