在HTML语法中，大致上可以分为：
- 网页架构：主要网页主架构的介绍
- 分隔标签：也就是所谓的水平线
- 排版标签：针对标签的属性，可做适当的版面编排
- 字体标签：教导您设定文字的字体。
- 文字标签：教导您设定文字的颜色、行距、变化.....等等。
- 影像标签：教导您如何在网页中，植入图像。
- 背景标签：教导您如何设定背景颜色或是背景图像。
- 连结标签：教导您如何设定超连结，以及开视窗的条件。
- 表格标签：教导您如何在网页中运用表格。
- 序列标签：教导您如何设定文字序列或图形序列。
- 表单标签：教导您如何制作可填写用的表单。
- 框架标签：可让同一个视窗由多个网页一起组成。
- 其他技巧：让您的整个网页背景可以让您设定为图片或是声音。
4.1 网页架构 <回细说索引>
【标签解说】<HTML>
<HEAD>
<TITLE>网页制作教学</TITLE>
<Meta>
</HEAD>
<BODY>
BODY之间则为主要语法所在，也是网页的主要呈现部分。
</BODY>
</HTML>
以上看到的就是一篇最简单架构的网页。没错，网页其实就是一堆标签（所谓标签就是指被<>包起来的语法）集合起来的，透过浏览器的消化整理，就便成了美仑美奂的网页了。
简单而言，通常一份完整的网页包含了二个部份：抬头（HEAD）、文件本体（BODY）。也就是各位在上面所看到的<HEAD></HEAD>以及<BODY></BODY>。
在抬头的部份<HEAD></HEAD>中，有另一组标签<TITLE></TITLE>。打在<TITLE></TITLE>这里面的文字会出现在浏览器视窗最上头蓝色部份里，当作一篇网页的主题。
您可能会发现，为什么我一直没提到<HTML></HTML>这一组标签，嗯！因为它可有可无。这一组标签是告诉浏览器说：我是一份HTML文件喔！也就是说它是一个网页的格式啦！通常都包在网页的最上下两端，将所有的原始码都包起来。
4.2 分隔标签 <回细说索引>
【文字上的分隔标签】 或许你已经发现这个问题了：天啊！我不是在记事本里排版排得很漂亮，为何透过浏览器看起来一切都走了样？对啊！别太讶异，在网页的编排里，并不像汉书或WORD一样，只要拼命按Enter键或空白键，便能完成分段或分行，因为，HTML语言是不认识我们所谓的Enter键或空白键，所以不管您按了多少次的空白或Enter，浏览器都会当作没看见啦！
【分隔线标签】
|
