目录
一、HTML文档基本结构
HTML文档基本结构如下：
<html>
<head>
<title>网页标题，也成文件头部分</title>
</head>
<body>
网页的内容部分，在浏览器窗口显示，也称为文件体部分
</body>
</html><head></head>之间的内容是用来设置一些网页相关属性和信息的，比如网页的标题、缓存等，可以省略。
<body></body>之间的内容为浏览器中网页上显示的内容，所以网页的主题内容都将在此标签内进行编写。
使用浏览器打开，显示如下图
二、文字布局及字体标签
1、标题
标题标签的形式为<hn>内容</hn>，在HTML中提供了6个等级的标题，即n可取1~6，n越小，标题字号越大。
<hn>内容</hn>6个等级的标题代码如下：
<html>
<body>
<h1>这时标题一</h1>
<h2>这时标题二</h2>
<h3>这时标题三</h3>
<h4>这时标题四</h4>
<h5>这时标题五</h5>
<h6>这时标题六</h6>
</body>
</html>在浏览器上的显示如图
2、换行
换行标签<br>，在需要换行的地方加上此标签，可实现换行的效果。一般在源文件中换行，网页上不换行，文字之间换行和多余一个的空格将会被一个空格代替，要换行时必须用<br>。
用一段代码展示
<html>
<body>
乌蒙山连着山外山
月光洒下了响水滩
有没有谁能告诉我<br>
可是苍天对你在呼唤<br>
一座山翻过了一条河
千山万水永不寂寞
</body>
</html>在浏览器中打开，代码显示效果如图，在源代码中换行了的，浏览器中显示只有一个空格，用了<br>标签换行了的，在浏览器中才能正常换行。
3、段落
段落标签<p>，一个段落开始由<p>来标记，结束用</p>表示。<p>有一个常用属性align，用来指明内容显示时的对齐方式，较常用的有left、center、right，分别代表左对齐、居中对齐和右对齐，缺省值为left ，下面代码展示段落标签的用法：
<html>
<body>
<p align="left">左 你怎么这么有钱</p>
<p align="center">中 你怎么这么好看</p>
<p align="right">右 你怎么这么厉害</p>
</body>
</html>在浏览器中打开，段落显示效果如图
align属性并不重要，在HTML5的标准中已经被废弃。通常认为，HTML文件只表示网页显示的内容，网页显示的效果交给CSS文件来指定。
4、水平线标签
< hr ＞是水平线标签，此标签较为常用的属性如下：
- size ：水平线的宽度，单位为像素。
- width ：水平线的长，如果不设置，则默认为页面长度，其单位默认为像素；但也可以
- 使用百分制，例如 width =50％表示长度为页面长度的50%。
- align ：水平线的对齐方式，常用的有 left 、 center 和 right 。
- noshade ：线段无阴影属性，没有属性值。若设置，则线段为实心线段。
- color ：线段内部的颜色。
下面是一个水平线标签的例子
<html>
<body>
<hr>
<hr align="center" size="20">
<hr align="center" nosihade size="20">
<hr align="center" noshade width="50%" size="10">
<hr align="left" width="100" size="30" color="#AAAAAA">
<hr align="right" width="100" size="30" color="#CCBBFF">
</body>
</html>打开网页，在浏览器中水平线显示如图，在HTML中颜色通常用名称表示，如“red”表示红色，也可以用“#RRGGBB”表示，其含义为红、绿、蓝3种分量的组合，每个分量的取值范围为00~FF，代码中“#AAAAAA”和“#CCBBFF”由此得来。
5、文字设计标签
在文字设计标签中，<font></font>标签一边用于标记字体，此标签有以下几个常见的属性：
- size：用来设置字体大小，它的属性值有两种写法：①"size=X"，其中X为1~7，X值越大，字体越大，属性值为3是客户端网页的默认字体大小；②"size=+X"或"-X"，X同样为1~7的值，意思是以基准字体大小为标准大X号字体或者小X号字体。
- face：用来设置字体类型，默认字体为宋体。如<font face=“楷体_GB2312”>,即设置该内容的输出字体为楷体。但是只有计算机中安装的字体才可以在浏览器中显示出相应风格，如果用户没有安装该字体，则会显示默认字体的风格。
- color：用于设置字体颜色，颜色的设置同样可以用名称表示也可以用“#RRGGBB”表示。
下面代码是一个文字设计标签的例子
<html>
<body>
<font color="#000099">林深时见鹿</font><br>
<font face="楷体_GB2312" size="7">清梦压星河</font>
</body>
</html>在浏览器中显示的结果如图
6、文字风格
常见的设置文件自风格标签如下：
- <b>内容</b>：将内容设置为粗体。
- <u>内容</u>：将内容设置下划线。
- <i>内容</i>：将内容设置为斜体。
- <sup>内容</sup>：将内容设置为上标。
- <sub>内容</sub>：将内容设置为下标。
- <blink>内容</blink>：将内容设置为闪烁（非标准元素）。
下面是一个文字风格标签的例子
<html>
<body>
<b>设置粗体</b><br>
<u>设置下划线</u><br>
<i>设置斜体</i><br>
2<sup>7</sup><br>
A<sub>n</sub>
</body>
</html>在浏览器中显示如图所示
此外，在网页制作中会出现多个空格，但是代码中设置多个空格后在网页上显示往往得不到想要的效果。在HTML中有些代码可以表示特殊字符，这些代码都以&加一串字母，以“;”结束，比如这里的空格可以用“ ”来表示，在源代码中有多少个“ ”就有多少个空格，一下为简单示例。
<html>
<body>
乌蒙山连着山外山<br>
月 光 洒 下 了 响 水 滩<br>
你    好！<br>
你好！
</body>
</html>在浏览器上显示效果如图：
如有错误，敬请指正！
5093
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
