在编辑一篇新日志时，不忙写任何东西，先点工具按钮[HTML]看看：虽然 我们什么也没写，但已经有一对DIV存在了，如下所示：　　<DIV></DIV>
　　这是什么意思呢？不急，我们再点一下工具按钮[HTML]看看：哦，什么也没了。只有一个闪烁的光标在等待你编写新的日志。
　　反复点击工具按钮[HTML]，我们不难发现：[HTML]是一个开关按钮，其用途是在两种编辑方式之间进行切换！其一叫“普通编辑方式”，其二叫“HTML编辑方式”。
　　普通编辑方式下，我们所编辑的任何内容都是所见即所得的的。
　　HTML编辑方式下，我们所编辑的内容并不是都能在预览空间时看到。一般来说，用尖括号（<>）括住的东西在预览空间时是看不到的，尖括号外的内容在任何方式下都是能看得到的。
　　那么，尖括号内的东西（如<DIV>）是什么呢？我们称它为“HTML标记”。HTML标记有很多种，用来告诉浏览器以何种方式（如文字的大小、颜色、位置以及图片、音像的显示与播放等等）显示你要呈现给观众的内容。<DIV>仅仅是HTML标记的一种。要想把空间打扮的漂漂亮亮富有特色，我们必须学习一点HTML语言基本知识，并习惯在两种编辑方式下进行编辑。
　　废话太多。只因本人也是刚刚自学时间不长，才识有限，说不清楚。愿望只有一个，就是让更多和我一样的朋友能更容易、较方便地学会和掌握网页制作技术。下面还是说说DIV是什么吧。
　　DIV（division）按英文单词的字面含义来说是“部分、片段、章节”的意思。在这里，我们可以理解为一个区域（或者是一个域块）。在由标记<DIV>定义或设定的区域内，我们可以输入文字、插入图片、插入表格，甚至可以嵌套<DIV>域块！我们把这些统称为对象。另外，<DIV>本身也有许多属性，可以用参数来设定，尤其是样式（style）的运用，使<DIV>标记在网页表现形式上更添许多魅力。
　　为了方便阅读和运用，下面通过举例来细说<DIV>。其中HTML源码大小写均可。

HTML源码（HTML编辑状态下）	浏览器显示结果（普通编辑状态下）	解释和参数说明
<div></div>		正如我们新开一篇日志时，反复点击[HTML]按钮，在普通编辑状态下，只是一张白纸，浏览器显示结果为空；而在HTML编辑状态下，HTML源码显示<div></div>，这是MSN为你设置好的一个编辑区域。前面的<div>标记表示这一区域的“开始”，后面的</div>为结束标记，表示这一区域的“结束”。
<div>欢迎光临华欣的空间</div>	欢迎光临华欣的空间	要显示的内容在<div>所标记的区域内。
<div>欢迎光临华欣的空间</div> <div>欢迎光临华欣的空间</div>	欢迎光临华欣的空间 欢迎光临华欣的空间	要显示的内容可分散在多个<div>区域内，并且<div>本身具有换行作用。
<div> 欢迎光临华欣的空间<br> 欢迎光临华欣的空间 </div>	欢迎光临华欣的空间 欢迎光临华欣的空间	多行内容也可以在同一<div>区域内显示。需要换行时用HTML换行标记<br>来实现。换行标记<br>因作用特殊，不需要结束标记（如</br>）。 [注：在源码中空格是被忽略的，所以<div>和</div>并不要求在同一行]
<div align=center> 欢迎光临华欣的空间 </div> <div align=right> 欢迎光临华欣的空间 </div>	欢迎光临华欣的空间 欢迎光临华欣的空间	align：常用参数。其值有三种： align=left　内容左对齐显示 　　　　　（系统缺省值，可省略） align=center　内容居中显示 align=right 　内容右对齐显示
<DIV style="BACKGROUND-COLOR: #0000ff" align=center><FONT face=华文彩云 color=#ff8040 size=5>欢迎光临<BR>华欣的空间</FONT></DIV>	欢迎光临 华欣的空间	<div>除了align属性外，使用style样式能更加丰富其表现力。如 style="BACKGROUND-COLOR: #0000ff" 可以为<div>区域添加背景颜色。<font>是字体标记，容后另加详述。<div>使用style样式做参数也能修饰字体，但在MSN里受限，不推荐使用。
<DIV style="BORDER-RIGHT: #ff8040 1px solid; BORDER-TOP: #ff8040 1px solid; BORDER-LEFT: #ff8040 1px solid; WIDTH: 100px; BORDER-BOTTOM: #ff8040 1px solid; HEIGHT: 100px" align=center>欢迎光临<BR>华欣的空间</DIV>	欢迎光临 华欣的空间	也可以用style为<div>设置大小和边框线。但设定高度和宽度后，在普通编辑状态下需要双击<div>区域才能编辑 （仅在MSN中如此）。 本例中四条边框线的色值为#ff8040；线宽为1象素；线型为实线。<div>域块的宽度和高度均为100象素。
<DIV style="BACKGROUND-COLOR: #0000ff"> <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#ff8040 cellSpacing=0 cellPadding=0 width="100%" border=1> <TBODY> <TR> <TD width="25%">　</TD> <TD width="25%">　</TD> <TD width="25%">　</TD> <TD width="25%">　</TD> </TR> <TR> <TD width="25%">　</TD> <TD width="25%">　</TD> <TD width="25%">　</TD> <TD width="25%">　</TD> </TR> <TR> <TD width="25%">　</TD> <TD width="25%">　</TD> <TD width="25%">　</TD> <TD width="25%">　</TD> </TR> </TBODY> </TABLE> </DIV>		<div>区域中也可以插入表格。
<DIV style="WIDTH: 200px; HEIGHT: 170px" align=center><IMG height=150 src="http://tk.files.storage.msn.com/x1pM0jCSUoiRhBNReDBRAJznsUMNNl64P_HvcGpoeF7qbf2cZ1qo_chOteK_ie5mMImzn4oUg2Vcm1ArcEQfqs02cj3dCiYj5CSEqTI9hmB16rp8Fuh2uLtTVts_DXBU9GayhN9ai6LIsA" width=200>欢迎光临华欣的空间</DIV>	欢迎光临华欣的空间	在<div>区域内插入图片和文字。
<DIV style="WIDTH: 200px; HEIGHT: 150px"><IMG src="http://tk.files.storage.msn.com/x1pM0jCSUoiRhBNReDBRAJznsUMNNl64P_HvcGpoeF7qbf2cZ1qo_chOteK_ie5mMImzn4oUg2Vcm1ArcEQfqs02cj3dCiYj5CSEqTI9hmB16rp8Fuh2uLtTVts_DXBU9GayhN9ai6LIsA" align=right> <DIV style="FLOAT: left; WIDTH: 100%; HEIGHT: 100%"><br><br>　欢迎光临华欣的空间<BR><BR>　欢迎光临华欣的空间<BR><BR>　欢迎光临华欣的空间</DIV></DIV>	欢迎光临华欣的空间 　欢迎光临华欣的空间 　欢迎光临华欣的空间	在<div>中嵌套<div>可以实现某些特殊显示效果，因篇幅问题仅举一例。 <div>本身可以使用style样式添加背景颜色或背景图片，但添加背景图片功能在MSN中受限。 本例中利用嵌套和浮动组合实现在<div>区域内添加背景图片。使用起来并不方便，所以，如经常使用，建议使用表格<table>实现背景图片功能。