标签
我们直接看代码：
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>我的光荣与梦想</title>
5 <meta http-equiv="Content-Type" content=
6 "text/html;charset=utf-8"/>
7 </head>
8 </body>
9 Hello World<br/>
10 I came for you.<br/>
11 <!-- br表示换行 -->
12 <hr/>
13 <!-- hr表示画横线 -->
14 <h1><p align = "center">Swinging for the fences</p></h1>
15 <!-- 这里表示body里面的标题标签，p表示段落标签。 -->
16 <!-- 加粗，且独占一行 -->
17 <h2><p align = "center">Hello,the Brave Man.</p>
18 <p align = "center">This is especially designed for people like you.</p></h2>
19 <h2><font face = "Ink Free">Here is something</font></h2>
20 <p><font size = "5"><b>诸神的</b><font color="green" size = "7" face = "仿宋">黄昏</font>
21 已然降临</font></p>
22 <p><font size = "5"><i>命运的色子已经掷出</i></font></p>
23 <p><font size = "5">晨曦的微光还隐藏在地平线之下</font></p>
24 <p><font size = "5">2<sup><font size = "3">2</font></sup>又在哪</font></p>
25 <p> 不，从未存在过。<p></p>
26 </body>
27 </html>
首先，一般在开头都会有一个文档类型的说明。因为html有很多版本，我们这个说明相当于是一个声明的作用。写出来就是<!DOCTYPE html>,这就表示html5.
然后，我们的html代码都是要放在标签里面的。
标签：有标签，就有根标签。根标签就是<html></html>（也就是一对标记，前者表示开始标记，后者表示结束标记），所有的代码都要写在根标签里面。
除了根标记，就是头标记和身体标记。<head></head>和<body></body>.在头标记里，可以设置一个标题标签<title></title>,可以书写网页的标题。
编码：为了解决编码问题，我们可以在<head></head>里添加meta标签，后面那些东西表示属性。这个标签的意思是以utf-8编码。
注释：如果要写注释的话，可以这么写：<!--注释内容-->，或者选中某段文字，右击并选择添加区块注释。
<hr/>表示画一根横线。
换行：在身体标记里，书写网页的主要内容。但是要注意不管添加多少文字，都是默认在同一行的，想要换行的话，可以通过标签<br/>来控制。
内容标题：在网页主要部分，可能会需要用到标题，这里的标题是内容标题，比如说一些加粗或大写的字体。这时，可以通过<h1></h1>来表示。当然h后面的数字可以更改（1-6，其中1最大），以便控制字体大小。对于这个标题，系统有设置“加粗”和“独占一行”的特征。
段落标签：如果想要在网页放一段文字进来，由于默认独占一行，而如果我们又需要对文字设置段落的话，可以使用<p></p>来设置。这个标签还有一个功能，就是使得段落与段落之间空行。<br/>就没有这个功能。
标签的属性：接下来看看属性。有些标签具有属性，有些标签则没有，不同标签拥有的属性是不一样的。当然，只要某一个标签有属性，都要在开始标签里面写，例如<p>标签，书写属性的格式是：属性名=属性值。可以添加多个属性，属性与属性之间通过空格分开。p标签有一个对其属性，默认左对齐，如果要设置右对齐，可以这么写：<p align="right"></p>,居中对齐是：<p align="center"></p>,还有很多，比如里面如果改成align = justify就表示两端对齐.看起来的效果就是每一行文字对两边间距都是一样的。
预格式标签：我们再来看看预标签，<pre></pre>这个标签可以使得在编辑器里显示与网页上的显示内容一致。
字体设置：再来看看字体标签：<font></font>，可设置字体大小、颜色、字体种类。但是只加这么个东西不会对文字造成任何影响，同样，它也是通过属性去控制的。首先有颜色属性，比如说设置成绿色：color = "green"；通过size属性设置字体大小，这里的数字范围是1-7，但控制的大小与之前的是相反的，这里1表示最小。还可设置字体种类，比如说：face = "Ink Free"，注意这个字体种类必须是电脑上有的！
接下来看看修饰标签：
加粗：<b></b> <strong></strong>
倾斜：<i></i> <em></em>
下标：<sub></sub> <sup></sup>(前者是下标，后者是上标)
特殊符号:<用<表示，>用>表示，这样就不会被识别为html代码了。另外，如果要加空格的话，在前面加 想要更多空格就不停地复制粘贴复制粘贴就OK.
做出来的实际效果：
（PS:当然，这个网页做出来纯属测试各种功能，没有任何实际意义哈哈哈哈哈哈）
浙公网安备 33010602011771号