head是英文“头”的意思。习气上用户把HTML文档分为文档头和文档主体两部分。文档主体部分便是在web浏览器窗口的用户区内看到的内容，而文档头部分用来规定该文档的标题（涌如今web浏览器窗口的标题栏中）和文档的一些属性。<head>标签对的浸染便是掌握文档的头部信息。中间可以利用<title>……</title>、<script>……</script>标签对，在此标签中间可以HTML文档的标签是可以嵌套的，即在一对标签中可以嵌入其余一对子标签，用来规定母标签所含范围的属性或个中某一部分内容，嵌套在<head>……</head>标签对中利用的紧张有<title>标签
<html lang="zh-cn"><head><meta content="text/html;charset=utf-8">菜鸟小白的学习分享</head></html>
保存为HTML文件后显示如下：
标题标签<title>……</title>
<title>标签是成对涌现的，用以规定HTML文档的标题。在<title>……</title>之间的内容将显示在web浏览器窗口的标题栏中。其余，<title>……</title>标签对只能放在<head>……</head>标签对之间，而且其内部不能包含其它标签。
<html lang="zh-cn"><head><meta content="text/html;charset=utf-8"><title>菜鸟小白的学习分享</title></head></html>
修正后显示如下：
主体标签<body>……</body>
<body>标签也是成对涌现的。在<body>……</body>之间的内容将显示在web浏览器窗口的用户区内，它是HTML文档的主体部分。可以把HTML文档的主体区域大略地理解成标题以外的所有部分，该部分可以包含<table>、<font>、<img>、<div>等标签。结束标签</body>指明主体区域的结尾，在<body>中可以规定全体文档的一些基本属性：
“bgcolor”：指定html文档的背景色“text”：指定html文档中笔墨的颜色“link”：指定html文档中待连接超链接工具的颜色“alink”：指定html文档中连接中超链接工具的颜色“vlink”：指定html文档中已连接超链接工具的颜色“background”：指定html文档的背景文件我们验证了前两个属性
<html lang="zh-cn"><head><meta content="text/html;charset=utf-8"><title>菜鸟小白的学习分享</title></head><body bgcolor="11ffff" text="000000"> 测试内容</body></html>
显示效果如下：
分外字符
在html中有许多分外字符须要处理，例如：“<”、">"这两个符号本身是用来表示标签的开始和结束的，是没有办法通过直接打出来的，必须输入编码表示法：“<”和“>”。
常日情形下html会自动截取多余的空格。不管你加多少个空格，都被看做一个空格。如果要显示多个空格，可以利用 表示空格
我们看看实当代码
<html lang="zh-cn"><head><meta content="text/html;charset=utf-8"><title>菜鸟小白的学习分享</title></head><body bgcolor="11ffff" text="000000"> <测试内容> 空格在中间 看到了吧</body></html>
显示效果：
格式标签
在浏览器中掌握文本工具的显示，包括段落、换行、水平线等标签，下面先容几个常用的html格式标签。所有的格式标签全部都是在嵌套在<body>……</body>标签对之间的
段落标签<p>全称paragraph。<p>……</p>标签对用于创建一个段落，支持align属性来设置对齐办法，语法如下：
<p align=“属性”>段落内容</p>align：设定水平对齐办法，常见设置：置左：align=“left”置中：align=“center”置右：align=“right”我们验证一个居中的对齐办法吧<html lang="zh-cn"><head><meta content="text/html;charset=utf-8"><title>菜鸟小白的学习分享</title></head><body bgcolor="11ffff" text="000000"> <p align="center"><测试内容> 空格在中间 看到了吧</p></body></html>
显示效果：
换行标签
在不另起一段的情形下将当前文本逼迫换行，<br>标签属于单独涌现的标签，禁止涌现结束标签。
<html lang="zh-cn"><head><meta content="text/html;charset=utf-8"><title>菜鸟小白的学习分享</title></head><body bgcolor="11ffff" text="000000"> <p align="center"><测试内容></br> 空格在中间 看到了吧</p></body></html>
显示效果：
预格式化标签<pre>
可以完全保留设计者在源文件中所定义的格式，包含各种空格，缩进，以及其他分外字符，全部都原封不动的展示在浏览器页面上。
<html lang="zh-cn"><head><meta content="text/html;charset=utf-8"><title>菜鸟小白的学习分享</title></head><body bgcolor="11ffff" text="000000"> <p align="center"><测试内容></br> 空格在中间 看到了吧</p><pre>我是菜鸟小白你们的好朋友 让我们一起学习吧！
！
！
</pre></body></html>
显示效果：
列表标签
紧张分为无序列表、排序列表、目录列表、菜单列表和描述性列表五种类型
无序列表<ul><li>……</li></ul>排序列表<ol><li>……</li></ol>目录列表菜单列表描述性列表<dl><dt>列表头<dd>列表内容我们就验证一个无序列表和一个描述性列表吧无序列表：<html lang="zh-cn"><head><meta content="text/html;charset=utf-8"><title>菜鸟小白的学习分享</title></head><body bgcolor="11ffff" text="000000"><ul><li>我是菜鸟小白</li><li>你们的好朋友</li><li> 让我们一起学习吧！
！
！
</li></ul></body></html>
效果如下：
描述性列表：
<html lang="zh-cn"><head><meta content="text/html;charset=utf-8"><title>菜鸟小白的学习分享</title></head><body bgcolor="11ffff" text="000000"><dl><dt>菜鸟小白测试表头</dt><dd>我是菜鸟小白</dd><dd>你们的好朋友</dd><dd> 让我们一起学习吧！
！
！
</dd><dt>菜鸟小白测试表头2</dt><dd>我是菜鸟小白</dd><dd>你们的好朋友</dd><dd> 让我们一起学习吧！
！
！
</dd></dl></body></html>
显示效果如下：
好了，本日的内容就到这了，我们来日诰日连续学习HTML根本内容，不见不散~
