如果我们希望自己设计网页，就必须掌握HTML知识，幸运的是HTML是一项很简单的电脑语言。即使你不熟悉电脑，也一样可以很快的学会掌握。
所谓设计网页，简单的说就是在一个页面上写一些文字，好比是您在使用微软的 Word一样——有时候一些文字需要用黑体来表示其重要性，有时候需要用斜体表示，有时候文字需要显示的大一些，有时候需字体要用不同的颜色。或许您的网页需要加图片，或者整个网页用了一个特别的背景颜色，或者加上一个音频或者视频播放器，Flash，而且还需要很多链接（网友点击以后进入其他网页）。移动，闪动的文字等等……
本教程就是教会您如何用HTML开发出有上述功能的网页。
HTML最基本代码
首先举一个例子：如果编写网页，希望浏览器如下显示，也就是给“顶顶华闻”四个字加重：
如果用HTML代码表示就是：
可以看出，我们用HTML代码<b>和</b>来表示之间的文字为加重。下面再举一个例子，浏览器的显示为：
如果用HTML代码表示就是：
由此看来，所谓HTML代码，其实就是由一个起点Tag（比如说<b>，<u>，<i>）和一个终点Tag（比如说</b>，</u>，</i>）来修饰它们之间的文字。而且，终点Tag就是在起点Tag里面加一个“/”。这些Tag本身不显示，只是纯粹用来修饰用。
HTML代码就是这么简单，大家可以用工具自己试一下。在左边HTML代码区输入：“我很喜欢<b>顶顶华闻</b>网站”，然后点击“看效果”按钮。
同样大家可以试一下，首先点击“清空”按钮，然后在左边输入：“我很喜欢<u>顶顶华闻</u>网站”，点击“看效果”按钮。
最后再试一下：我很喜欢<i>顶顶华闻</i>网站
上面分别试好了，我们把他们综合一下，放在一起试，在上面工具的左边输入（或者直接复制过去）：
点击“看效果”按钮以后，发现了一个问题，怎么都显示在一行，而不是预期的三行？显示的结果为：
这是因为在HTML里，如果需要分行就必须用HTML代码表示，而不是简单的回车。这个HTML 代码就是<br>，这个Tag比较特别，它不区分起点Tag，终点Tag，而就是一个Tag。这个<br> Tag就是表示回车的意思。大家用工具试试看：
如果需要空行应该是两个回车，也就是说代码应该为：
最后再试试看这个（把上面的三行代码并成一行）：
通过上述的测试，大家现在知道了：浏览器显示HTML代码，不认键盘上的回车，只认HTML表示的回车（也就是<br>Tag）
综合运用基本的HTML Tag
现在大家熟悉了这些最基本的Tag，那么如果我们需要显示一个既是黑体，又带有下划线的文字怎么办？也就是说，如何显示：
稍作思考，你也许可以猜出HTML代码：
这里要注意的就是HTML起点Tag与终点Tag的次序问题，这里起点Tag，先出现<b>，然后出现<u>；终点Tag相反，先出现</u>，再出现</b>
仔细想想，就很好理解，简单的说就是一层一层的包起来。
所以，这样的次序是错误的：
我很喜欢<b><u>顶顶华闻</b></u>网站
我很喜欢<u><b>顶顶华闻</u></b>网站
下面的才是正确的：
我很喜欢<b><u>顶顶华闻</u></b>网站
我很喜欢<u><b>顶顶华闻</b></u>网站
第一单元总结:
所谓HTML其实就是用Tag给文字等作一些修饰，一般来说，一个Tag由一个起点Tag和一个终点Tag组成，比如说<b>, </b>。起点Tag与终点Tag包围起来的区域就是我们需要修饰的区域。Tag只是用来修饰，不会被浏览器显示。
但是，也有一些Tag没有起点，终点之分，比如说<br> Tag, 它只是简单表示的换行，不需要终点Tag。
我们在写HTML的时候，回车换行并不能显示，哪怕你有很多回车，而显示在浏览器里的时候仍旧在一行。
HTML的换行一定要通过<br>等 tag 来表现。
HTML Tag可以为小些英文字母，也可以为大写，他们表示的意思都是一样的：<B>跟<b>完全一样， <b>,,,</B>，跟<b>,,,</b>一样。
<BR> = <br> = <Br> = <bR>
一些常用的Tag
下面是一些常用的Tag，也许不能一下子看明白，没有关系，大家自己可以测试一下就明白了：