今天我来聊一聊web前端的脚本语言Html，HTML又称Hyper Text Markup Language即超文本标记语言，它是用来描述网页的一种脚本语言，不是一种编辑语言。今天我就大概讲讲html中一些常用到的标签。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
网页正文，你好，Html!
</body>
</html>
上面是Html用到的最基本的结构，充分说明了Html是一种计算机脚本语言，由各种标签组成，其中最外层是<html></html>标签，它是最明显的标志着这个页面时html脚本语言的页面；<head></head>是头部，其中CSS与JS可以写在这个区域。<meta charset="utf-8">这个是标志着这个页面是UTF-8的显示页面。<title></title>标签是显示网页的标题，在网页的最上面显示，一般内容与这个网页所显示的内容有关。<body></body>这个标签里面是正文，显示网页的主体骨架部分。其实html是一种弱语言，它可以不要任何标签，只写内容，在浏览器打开时，它也会被显示在浏览器页面里面。
html脚本语言是一种弱类型语言，其规则很弱，即使语言标签用的不对，在web页面也会被显示出来。不同的浏览器对web网页的兼容性有很大差异，所以在计算机行业就有这么一类人专门去测试html页面在不同浏览器显示的效果，以方便去满足更多用户的需要，使更多用户都可以用自己的浏览器达到浏览的最好的效果。
下面我来给大家介绍一下html页面中经常用到的一些label。
1：<br/>：换行标签；<hr>：分隔符标签；<h1>~<h6>：标题由大到小标签；<center>：文字居中标签；<blockquote>：文字段落缩进标签；
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标题标签、分隔符标签、段落标签、文字居中标签、文字段落缩进标签</title>
</head>
<body>
<center>
<h1>1号标题</h1>
<h2>2号标题</h2>
<h3>3号标题</h3>
<h4>4号标题</h4>
<h5>5号标题</h5>
<h6>6号标题</h6>
<hr>
<p>
这是一个不带段落缩进的标签，标示着这是一个段落。段落就是一大段文字来描述一个事实。比如：Hadoop实现了一个分布式文件系统（Hadoop Distributed File System），简称HDFS。HDFS有高容错性的特点，并且设计用来部署在低廉的（low-cost）硬件上；而且它提供高吞吐量（high throughput）来访问应用程序的数据，适合那些有着超大数据集（large data set）的应用程序。HDFS放宽了（relax）POSIX的要求，可以以流的形式访问（streaming access）文件系统中的数据。
</p>
<blockquote>
这是一个带段落缩进的标签，标示着这是一个段落。段落就是一大段文字来描述一个事实。比如：Hadoop实现了一个分布式文件系统（Hadoop Distributed File System），简称HDFS。HDFS有高容错性的特点，并且设计用来部署在低廉的（low-cost）硬件上；而且它提供高吞吐量（high throughput）来访问应用程序的数据，适合那些有着超大数据集（large data set）的应用程序。HDFS放宽了（relax）POSIX的要求，可以以流的形式访问（streaming access）文件系统中的数据。
</blockquote>
</center>
</body>
</html>
2 ：设置文字列表标签：<ul>：无序列表;<ol>：有序列表;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>无序与有序列表</title>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ol>
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
</body>
</html>
3：<align>：控制段落的水平位置；<bgcolor>：设置背景颜色；<font>：设置文字的颜色和大小标签；<b>：文字以粗体方式显示；<i>：文字以斜体方式显示；<u>：文字以加下划线方式显示；<s>：文字以加删除方式显示；<big>：文字以放大方式显示；<small>：文字以缩小的方式显示；<strong>：文字以加强强调方式显示；<em>：文字以强调方式显示；<code>：代码片段；<adress>：地址标签；
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标签</title>
</head>
<body bgcolor="gray">
<p align="center">
段落居中
</p>
<hr>
<p align="center">
<b>文字以粗体方式显示</b><br>
<i>文字以斜体方式显示</i><br>
<u>文字以加下划线方式显示</u><br>
<s>文字以加删除方式显示</s><br>
<big>文字以放大方式显示</big><br>
<small>文字以缩小的方式显示</small><br>
<strong>文字以加强强调方式显示</strong><br>
<em>文字以强调方式显示</em><br>
<code>this is a code</code><br>
</p>
<address align="center">498908522@qq.com</address><br>
<hr>
这是一个<font color="red" size="10">font标签</font>
</body>
</html>
4：特殊的符号：小于号<显示：<；大于号>显示：>；版权号显示：©；上标：<sup></sup>；下标：<sub></sub>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>特殊文字符号</title> </head> <body> <p align="center"> 小于号：< <br/> 大于号：> <br/> 版权号：©<br/> 上标号：X<sup>2</sup><br/> 下标号：X<sub>3</sub><br/> </p> </body> </html>
