1、认识块区标签<div>。
块区标签是一套由首标签与尾标签组合而成的标签，首标签<div>必须与尾标签</div>配套使用。其表达方式为<div>要放置的内容</div>。这里的内容，指的是文字、图片或文字加图片。
2、认识行内块区标签<SPAN>。
行内块区标签也是一套由首标签与尾标签组合而成的标签，首标签<SPAN>也必须与尾标签</SPAN>配套使用。
其表达方式为：<SPAN>内容</SPAN>。这里的内容，可以是文字，也可以是图片，抑或是文字加图片。
3、段落标签、块区标签与行内块标签的区别与关系：
甲、区别：
A、几个段落标签连用，各段文字自成一段，浏览器会在各段之间留出两行的空白区域。
B、几个块区标签连用，各段文字自成一段，浏览器会在各段之间留出一行的空白区域。
C、几个行内块区标签连用，浏览器只会分行，不能分段，各个行内块区之间没有空行。
乙、关系：
这三种标签，都是块级标签，都是放置网页材料的容器，可以理解为放置东西的瓶瓶罐罐或者是口袋。 应用这三种标签，都会形成一个“块”，也就是一个方框。在这个“块”（即方框）中可以放置你要放入的网页内容。
但是，在制作网页时，段落标签中可以包裹块区标签与行内块区标签，块区标签中也可以包裹段落标签与行内块区标签，而行内块区标签中却不能够包裹段落标签与块区标签。
不同的标签组合应用，一定要注意各种标签的应用顺序。首标签越在前面的，其尾标签越在后面。以段落标签中包裹块区标签与行内块区标签为例： <P style="TEXT-INDENT: 2em; FONT-SIZE: 22px" color="#000000">代码学习群公告：
<DIV style="TEXT-INDENT: 2em; FONT-SIZE: 22px" color="#000000">我发表《代码学习群简易教程》的进度与大家学习《代码学习群简易教程》的进度并不是一回事。因为群友们的代码知识水平不同，每天可以上网的时间也不同，所以，学习《教程》的进度是因人而异的。<SPAN style="TEXT-INDENT: 2em; COLOR: rgb(0,200,0); FONT-SIZE: 22px"><B>每个群友可以根据自己的实践情况决定自己学习《教程》的进度。</B></SPAN>代码知识基础比较好每天上网时间比较长的群友，可以学得快一点；代码知识基础比较好每天上网时间比较长的群友，可以学得快一点。</DIV></P>
上述标签中，标签的应用顺序是：
段落首标签→块区首标签→行内块区首标签→行内块区尾标签→块区尾标签→段落尾标签。
各种标签的首标签与尾标签之间的内容，就是这种标签所控制的内容。
4、制作网页时常见的错误有哪几种？
甲、丢失了半个尖括号：
例：<DIV align=center>错为：<DIV align=center
乙、丢失了标签名称中的字母：
例： <IMG title=漂亮美女人人爱 alt=“春天没来”欢迎您 src="http://userimage4.360doc.com/13/0719/23/9331441_201307192326360071.jpg"> 错为： 丙、修改错了某个字母：
例：代码中< I >错修改为< L >的小写字母< l >
丁、内容跑到了尾标签的外面：
例：<DIV style="TEXT-INDENT: 2em; FONT-SIZE: 22px" ><FONT color=#0000ff>不设置宽度与高度（也就是采用系统“默认”的宽度与高度）有什么优点呢？不设置宽度与高度，系统就可以按照你放入网页内容的多少自行调节其宽度与高度。</FONT>你试试吧！</DIV> 【你试试吧！】这几个字就因为到了尾标签的后面，所以就无法显示了。
戊、制作网页时，容易发生错误的地方还有很多。
例如：
A、标签应该有空格的地方，你没有留出空格；
B、在输入汉字的界面输入各种符号（例如：等号）；
C、丢失了一个小圆点、短横线等等，都可能使网页无法正常显示。
另外某些软件硬件的问题也可导致错误发生。
10、制作几篇网页：（附链接）
![http://userimage4.360doc.com/13/0719/23/9331441_201307192326360071.jpg](http://userimage4.360doc.com/13/0719/23/9331441_201307192326360071.jpg">错为){kind=link}