开始->程序->附件->记事本,打开记事本。以下是原代码: 
<HTML> 
<HEAD> 
<TITLE>我的第一个网页</TITLE> 
</HEAD> 
<BODY> 
<H1>我的第一个网页</H1> 
这是我的第一个网页,做得不好请多关照。 
</BODY> 
</HTML> 
 将此段代码保存为"book1.html"文件。然后用浏览器(这里以IE5.0浏览器为例)的"文件(F)"菜单下的"打开"选项它打开. 
 .....看上去是不是有点像那么一回事。好,现在让我们来正式学习网页的制作.  
主页制作-------标题制作  
 语法描述: 
 <H1>打开一级标题,</H1>关闭一级标题; 
 <H2>打开二级标题,</H2>关闭二级标题; 
 ...... 
 <H6>打开六级标题,</H6>关闭六级标题. 
 标题字体要比正文字体粗,大小共有六级分别用<H1>~<H6>表示。<H1>最大,<H6>最小。 
 试试看: 
    输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <H1>这是一级标题!</H1> 
 <H2>这是二级标题!</H2> 
 <H3>这是三级标题!</H3> 
 <H4>这是四级标题!</H4> 
 <H5>这是五级标题!</H5> 
 <H6>这是六级标题!</H6> 
 </BODY> 
 </HTML>  
主页制作--------字体设置  
一、字号设置 
语法描述: 
 <FONT SIZE=1>打开一号字体,</FONT>关闭; 
 <FONT SIZE=2>打开二号字体,</FONT>关闭; 
 ...... 
 <FONT SIZE=7>打开七号字体,</FONT>关闭。 
 正文字号大小共有七级。其中,七号字体最大,一号字体最小。缺省值为三号字。 
 标题标签使不同大小的标题放在不同的行,而字号标签<FONT SIZE>和标题标签不一样,能使不同字体大小的字放在同一个行上。你也可以通过插入一个数字来改变字号大小,如<FONT SIZE=5>或一个其他相关数值来改变与默认值字号相关的大小。例如<FONT SIZE=+2>(字体放大二号)或<FONT SIZE=-1>(字体缩小一号). 
试试看: 
 输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <P><FONT SIZE=7>我是七号字体!</FONT> 
 <P><FONT SIZE=6>我是六号字体!</FONT> 
 <P><FONT SIZE=5>我是五号字体!</FONT> 
 <P><FONT SIZE=4>我是四号字体!</FONT> 
 <P><FONT SIZE=3>我是三号字体!</FONT> 
 <p><FONT SIZE=2>我是二号字体!</FONT> 
 <p><FONT SIZE=1>我是一号字体!</FONT> 
 <p><FONT SIZE=4>看到</FONT> 
  <FONT SIZE=5>没有,</FONT> 
  <FONT SIZE=6>我在</FONT> 
  <FONT SIZE=7>长大!</FONT> 
 </BODY> 
 </HTML> 
二、字体设置 
语法描述: 
 <B>生成粗体字,</B>关闭粗体字; 
 <I>生成斜体字,</I>关闭斜体字。 
 粗体和斜体都是用来显示强调的。 
试试看: 
 输入下面一段代码: 
 <HTML>
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
我<B>很丑,</B>但是我<I>很温柔</I> 
 </BODY> 
 </HTML> 
 有时你会看到用标签<STRONG></STRONG>和<EM></EM>来强调文字。不过,这两个标签可能 
显示粗体,也可能显示斜体,这取决于浏览器。 
三、字体色 
语法描述: 
 <FONT COLOR=#rrggbb>设置字体色, 
 </FONT>字体恢复到缺省值. 
 其中,rrggbb色彩是16进制的RGB色码值。 
试试看: 
 输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <FONT COLOR=#OOFFOO>我是绿色,</FONT> 
 <FONT COLOR=#FFOOOO>我是红色,</FONT> 
 <FONT COLOR=#OOOOFF>我是蓝色.</FONT> 
 <FONTCOLOR=#FF7FOO>我</FONT> 
 <FONTCOLOR=#FFFFOO>们</FONT> 
 <FONTCOLOR=#OOFFOO>是</FONT> 
 <FONTCOLOR=#6B238E>不</FONT> 
 <FONTCOLOR=#9932CD>是</FONT> 
 <FONTCOLOR=#FFOOOO>很</FONT> 
 <FONTCOLOR=#FF7FOO>酷</FONT> 
 <FONTCOLOR=#FFFFOO>!</FONT> 
 </BODY> 
 </HTML>  
主页制作-------文字编辑 
一、段落标签 
  语法描述: 
 <p>换段. 
 在所有的HTML标签中,段落标签<p>是使用的最为普遍。<p>标签在每个段落的开头加入,在每个文本块跳过一行。关闭段落不需要用</p>;继续下一个标签时段落会自动关闭。 
 试试看: 
   输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <H1>我的第一个网页</H1> 
 <P>在所有的HTML标签中,段落标签是使用的最为普遍。<p>标签在每个段落的开头加入,在每个文本块跳过一行。关闭段落不需要用&1t/p>;继续下一个标签时段落会自动关闭. 
 </BODY> 
 </HTML> 
 你能看出使用段落标签<P>和不使用段落标签<P>浏览器自动换行的区别吗? 
二、块引用 
  语法描述: 
 <BLOCKQUOTE>文本两端同时缩进, 
 </BLOCKQUOTE>返回文本正常边距。 
 <BLOCKQUOTE>标签是在页面左右生成空白边的一个办法,总体上可改善长文本的可读性。 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
亲爱的朋友们:你们好! 
 <BLOCKQUOTE>你们能看出我&1tBLOCKQUOTE>标签的作用吗?</BLOCKQUOTE> 
 </BODY> 
 </HTML> 
三、文本换行 
  语法描述: 
 <BR>换行标签. 
 有时你想结束一行文字并开始一个新行而又不跳行。在这种情况下,最好的方法就是插入一个换行标签<BR>. 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
心情的故事<P> 
在钢筋水泥的丛林里<BR> 
在呼来唤去的生涯中<BR> 
填补着梦想与现实的差距<BR> 
...... 
</BODY> 
</HTML>  
四、文字对齐 
 语法描述: 
 <P ALIGN=LEFT | RIGHT | CENTER> 
 段落左|右|居中对齐。 
 当然,对齐属性也可用在换行、图片、表格等标签处。 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <p ALIGN=CENTER><B>太想爱你</B> 
 <p ALIGN=CENTER>慌乱的城市中, 
 <p ALIGN=CENTER>连风都不自由, 
 <p ALIGN=CENTER>在热闹的街头, 
 <P ALIGN=CENTER>就属我最寂寞。 
 </BODY> 
 </HTML> 
五、会闪烁的文字 
 语法描述: 
 <BLINK>打开闪烁文字, 
 </BLINK>关闭闪烁。 
 这个标签IE不支持。 
 试试看: 
   输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <BLINK>我是不是很活泼! 
 </BLINK> 
 </BODY> 
 </HTML>  
六、会移动的文字 
  语法描述: 
 <MARQUEE>打开移动文字命令, 
 <MARQUEE>关闭移动文字命令; 
 <MARQUEE DIRECTION=LEFT>文字从右向左移动; 
 <MARQUEE DIRECTION=RIGHT>文字从左向右移动; 
 <MARQUEE BEHAVIOR=SCROLL>文字来回移动; 
 <MARQUEE BEHAVIOR=SLIDE>文字移动一次; 
 <MARQUEE BEHAVIOR=ALTERNATE>文字来回移动; 
 <MARQUEE LOOP=#>文字移动次数, 
        "#"=次数,缺省则循环不止; 
 <MARQUEE SCROLLAMOUNT=#>文字移动速度, 
        "#"=移动速度; 
 <MARQUEE SCROLLDELAY=#>文字移动速度, 
        "#"=移动速度; 
 <MARQUEE SCROLLDELAY=#>文字移动停顿时间; 
 <MARQUEE ALIGN=#>文字移动方式, 
        "#"=TOP,MIDDLE,BOTTOM,分别表示:对齐上沿、中间、下沿; 
 <MARQUEE BGCOLOR=rrggbb>文字移动范围的底色(rrggbb是16进制RGB色码值). 
 试试看: 
   输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <MARQUEE>啦啦啦,我会移动耶!</MARQUEE> 
 <MARQUEE DIRECTION=LEFT>啦啦啦,我从右向左移!</MARQUEE><P> 
 <MARQUEE DIRECTION=RIGHT>啦啦啦,我从左向右移!</MARQUEE><P> 
 <MARQUEE BEHAVIOR=SCROLL>啦啦啦,我一圈一圈绕着走!</MARQUEE><P> 
 <MARQUEE BEHAVIOR=ALTERNATE>啦啦啦,我走一次就歇了!</MARQUEE><P> 
 <MARQUEE BEHAVIOR=ALTERNATE>啦啦啦,我来回走耶!</MARQUEE><P> 
 <MARQUEE LOOP=3 WIDTH=50% BEHAVIOR=SCROLL>啦啦啦,我只走3趟哟!</MARQUEE><P> 
 <MARQUEE LOOP=3 WIDTH=50% BEHAVIOR=SLIDE>啦啦啦,我只走3趟哟!</MARQUEE><P> 
 <MARUQEE LOOP=3 WIDTH=50% BEHAVIOR=ALTERNATE>啦啦啦,我只走3趟哟       !</MARQUEE><P> 
 <MARQUEE SCROLLAMOUNT=20>啦啦啦,我走得好快哟!</MARQUEE><P> 
 <MARQUEE SCROLLDELAY=500 SCROLLAMOUNT=100>啦啦啦,我走一步,停一停      !</MARQUEE><P> 
 <FONT SIZE=6><MARQUEE ALIGN=BOTTOM WIDTH=400>啦啦啦,我会移动耶        !</MARQUEE></FONT>下沿。<p> 
 <MARQUEE BGCOLOR=aaaaee>啦啦啦,我会移动耶!</MARQUEE> 
 </BODY> 
 </HTML>  
主页制作------列表 
一、无序列表 
 语法描述: 
 <UL>开始一个无序列表; 
 <LI>表项的起始; 
 </UL>关闭列表. 
 <UL>标签可用来表示那些顺序并不重要的列表,它一般被处理成为带"子弹头"标记。在大多数的浏览器里通常是显示一个圆点。 
 </LI>可省略. 
 试试看: 
   输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
  下面是一些富有营养的水果: 
 <UL> 
 <LI>苹果, 
 <LI>香蕉, 
 <LI>桔子, 
 <LI>西瓜, 
 <LI>甘蔗, 
 <LI>葡萄。 
 </UL> 
 </BODY> 
 </HTML> 
二、有序列表 
 语法描述: 
 <OL>开始一个有序列表; 
 <LI>表项的起始; 
 </OL>关闭列表. 
 <OL>标签可用来表示那些带有顺序的列表性。</LI>可省略. 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 下面是一些富有营养的水果: 
 <OL> 
 <LI>苹果, 
 <LI>香蕉, 
 <LI>桔子, 
 <LI>西瓜, 
 <LI>葡萄. 
 </OL> 
 </BODY> 
 </HTML> 
三、定义列表 
 语法描述: 
 <DL>开始一个定义列表; 
 <DT>将每一个被定义的术语置前; 
 <DD>将每个定义置前; 
 </DL>关闭定义列表. 
 所有的定义目录都以<DL>标签开头。而以</DL>结束. 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 下面是一些富有营养的水果: 
 <DL> 
 <DT>主要有: 
 <DD>苹果, 
 <DD>香蕉, 
 <DD>桔子, 
 <DD>西瓜, 
 <DD>甘蔗, 
 <DD>葡萄. 
 </DL> 
 </BODY> 
 </HTML>  
主页制作------插入图像  
 HTML并不支持所有的图像格式。在大多数的浏览器中,它只支持"GIF"和"JPEG"格式的图像.另外,考虑到网络传送的实际情况。图像文件最好不要超过20K. 
 一、插入图像 
  语法描述: 
 <IMG SRC=?>放置图片; 
 <IMG ALIGN=?>对齐图片。 
    "?"=LIFT(居左),RIGHT(居右),CENTER(居中). 
 保存图像文件最好的地方是放在与HTML文件同样的目录里,即浏览器能自动搜寻图片的地方。 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <IMG SRC=pcit.gif> 
 <IMG ALIGN=LEFT SRC=pcit.gif> 
 <IMG ALIGN=RIGHT SRC=pcit.gif> 
 <p ALIGN=CENTER><IMG SRC=pcit.gif> 
 </BODY> 
 </HTML> 
 因为<IMG ALIGN=center>在大多数浏览器上无法使用。解决的办法是,先将段落用<P ALIGN=CENTER>居中,然后放置图像. 
二、调节图像边框 
 语法描述: 
 <IMG BORDER=#>定义一个图像的边界线值。其中边界线值"#"=0~99(像素). 
 图像边界是一条线,在网页中它出现在该图像的周边,一般地,只有当你用图像来作一个超链接时,该边界线才会显示。但你也可以按自已的意思在图像周围用<IMG BORDER=#>标签创造一个任意值的边界. 
 同样,也可以不让加链接的图像出现边框。你只须将边界值大小设定<IMG BORDER=0>即可. 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <P ALIGN=CENTER><IMG BORDER=30 SRC=pcit.gif> 
 </BODY> 
 </HTML> 这里
 如果你给图像加上超链接的话,最好给这企图像加上边框标签,以便网页浏览者一看就知道,这里有个超链接. 
 这个标签,好像IE浏览器不支持. 
三、图像边的文字 
 语法描述: 
 <IMG ALIGN=TOP>将文字沿图像顶部对齐; 
 <IMG ALIGN=BOTTOM>将文字沿图像底部对齐; 
 <IMG ALIGN=MIDDLE>将文字放在图像的中间. 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <IMG ALIGN=TOP SRC=pcit.gif>怎么样,我是不是很帅! 
 <P><IMG ALIGN=BOTTOM SRC=pcit.gif>怎么样,我是不是很帅! 
 <p><IMG ALIGN=MIDDLE SRC=pcit.gif>怎么样,我是不是很帅! 
 </BODY> 
 </HTML>  
主页制作------背景设置 
一、背景色 
  语法描述: 
 <BODY BGCOLOR=rrggbb>设置背景色.rrggbb为16进制RGB色码值. 
 背景色在文件开头<BODY>标签里选定。你如果在HTML文件写入<BODY BGCOLOR=YELLOW>,将会产生一个效果相当不错的黄色背景色。不过只有少数几种色(如:Black背景色;Olive橄榄色;Red红色;Blue蓝色;Maroon栗色;Navy藏青色;Gray绿色;Purple紫色;Silver银色;Yellow黄色等)可以如此设定。在一般情况下,必须用16进制RGB色码值. 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY BGCOLOR=GREEN>你看,页面的背景像不像美丽的大草原! 
 </BODY> 
 </HTML> 
二、背景图 
 <BODY BACKGROUND=?>选定背景图案。"?"为背景图文件. 
 <BODY BACKGROUND>标签使你能使用图片文件作网页背景。一幅大图片可能只出现一次(取决于浏览器窗口的大小),但小一些的图片则可根据需要多次重复取用,并排列在页面上。 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY BACKGROUND=pcit.gif> 
 </BODY> 
 </HTML> 
 在一般情况下,以使用淡雅背景图为好,避免喧兵夺主。另外,你如果想做一个背景色,而16进制RGB色码值又不太熟悉的话,可用绘图软件制作一幅小小的你想要色的图像(GIF或JPEG格式),然后插入. 
主页制作------超链接 
做个超链接 
 语法描述: 
 <A HREF=?>创建超链接,</A>结束该超链接。 
     "?"可以是一个HTML文件,可以是一个网址,也可以是一个电子邮件地址. 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 我叫麒麟。要知道,我为何叫此名字,且听我<A HREF=3la.htm>慢慢道来。</A> 
 <p>据我所知<A HREF=http://pcit.myrice.com>"网页素材站"</A>是一个很好的网站 
 <p><I>如你想告诉我什么,请给我<A HREF=mailtpcit2000@163.net> 
 来信</A></I> 
 </BODY> 
 </HTML> 
 这网页上的三个链接分别是链接HTML文件,网站和电子邮件地址。除了上述三种超链接外, 
还有FTP URL、news URL、telenet URL和gopler URL等。你可模仿着做.  
主页制作-------表格制作 
 表格制作 
一、基本表格制作 
 语法描述: 
 <TABLE>...</TABLE>定义表格; 
 <TR>定义表行; 
 <TH>定义表头; 
 <TD>定义表元(表格的具体数据). 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <H3>带边框的表格:</H3> 
 <TABLE BORDER> 
 <TR><TH>范志毅</TH> 
 <TH>范小萱</TH> 
 <TH>黄豆豆</TH> 
 <TR><TD>球星</TD> 
 <TD>歌星</TD> 
 <TD>舞星</TD> 
 </TABLE> 
 </FONT><HR> 
 <H3>不带边框的表格:</H3> 
 <TABLE> 
 <TR><TH>范志毅</TH> 
 <TH>范小萱</TH> 
 <TH>黄豆豆</TH> 
 <TR><TD>球星</TD> 
 <TD>舞星</TD> 
 </FONT> 
 </BODY> 
 </HTML> 
二、跨多行、多列的表格 
 1.跨多列的表元 
  语法描述: 
 <TH COLSPAN=#>跨多列标签。 
       "#"跨列数。 
  试试看: 
    输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <TABLE BORDER> 
 <TR><TH COLSPAN=3>公众人物</TH> 
 <TR><TH>范志毅</TH> 
 <TH>范小萱</TH> 
 <TH>黄豆豆</TH> 
 <TR><TD>球星</TD> 
 <TD>歌星</TD> 
 <TD>舞星</TD> 
 </TABLE> 
 </BODY> 
 </HTML> 
 2.跨多行的表元 
 语法描述: 
 <TH ROWSPAN=#>跨行标签. 
       "#"跨行数. 
 试试看: 
   输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <TABLE><BORDER> 
 <TR><TH ROWSPAN=3>公众人物</TH> 
 <TH>范志毅</TH> 
 <TD>球星</TD></TR> 
 <TR> 
 <TH>范小萱</TH> 
 <TD>歌星</TD> 
 </TR> 
 <TH>黄豆豆</TH> 
 <TD>舞星</TD> 
 </TR> 
 </TABLE> 
 </BODY> 
 </HTML> 
三、边框尺寸设置 
 语法描述: 
 <TABLE BORDER=#>表格边框标签. 
        "#"为表格边框尺寸,单位"像素". 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <TABLE BORDER=10><TR><TH>范志毅</TH> 
 <TH>范小萱</TH> 
 <TH>黄豆豆</TH> 
 <TR> 
 <TD>球星</TD> 
 <TD>歌星</TD> 
 <TD>舞星</TD> 
 </TABLE> 
 </BODY> 
 </HTML> 
四、表格尺寸设置 
 语法描述: 
 <TABLE BORDER WIDTH=# HEIGHT=?> 
           "#"为宽度尺寸,"?"为高度尺寸,单位像素. 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <TABLE BORDER WIDTH=370 HEIGHT=100> 
 <TR> 
 <TH>范志毅</TH> 
 <TH>范小萱</TH> 
 <TH>黄豆豆</TH> 
 <TR> 
 <TD>球星</TD> 
 <TD>歌星</TD> 
 <TD>舞星</TD> 
 </TABLE> 
 </BODY> 
 </HTML> 
 五、表格间隙设置 
 语法描述: 
 <TABLE BORDER CELLSPACING=#> 
              "#"为间隙尺寸,单位"像素". 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <TABLE BORDER CELLSPACING=30> 
 <TR> 
 <TH>范志毅</TH> 
 <TH>范小萱</TH> 
 <TH>黄豆豆</TH> 
 <TR> 
 <TD>球星</TD> 
 <TD>歌星</TD> 
 <TD>舞星</TD> 
 </TABLE> 
 </BODY> 
 </HTML> 
 六、表格内部空白设置 
 语法描述: 
 <TABLE BORDER CELLPADDING=#>表格内部空白标签。 
              "#"为空白大小,单位"像素". 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <TABLE BORDER CELLPADDING=20> 
 <TR> 
 <TH>范志毅</TH> 
 <TH>范小萱</TH> 
 <TH>黄豆豆</TH> 
 <TR> 
 <TD>球星</TD> 
 <TD>歌星</TD> 
 <TD>舞星</TD> 
 </TABLE> 
 </BODY> 
 </HTML> 
 七、表格内文字的对齐 
 语法描述: 
 <TR ALIGN=#>列对齐方式; 
 <TH ALIGN=#>列标题对齐方式; 
 <TD ALIGN=#>格对齐方式。 
      "#"=LEFT(左对齐),CENTER(居中),RIGHT(右对齐) 
 试试看: 
  输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <TABLE BORDER WIDTH=360 HEIGHT=80> 
 <TR><TH>范志毅</TH> 
 <TH>范小萱</TH> 
 <TH>黄豆豆</TH> 
 <TR><TD ALIGN=LIFE>球星</TD> 
 <TD ALIGN=CENTER>歌星</TD> 
 <TD ALIGN=RIGHT>舞星</TD> 
 </TABLE> 
 </BODY> 
 </HTML> 
 八、表格的标题 
  语法描述: 
 <CAPTION VALIGN=#>表格标题标签, 
 </CAPTION>关闭表格标题标签. 
     "#"=TOP、BOTTOM表格的标题在上、下部。 
 试试看: 
   输入下面一段代码: 
 <HTML> 
 <HEAD> 
 <TITLE>我的第一个网页</TITLE> 
 </HEAD> 
 <BODY> 
 <TABLE BORDER> 
 <CAPTION VALIGN=TOP>表格标题在上</CAPTION> 
 <TR> 
 <TH>范志毅</TH> 
 <TH>范小萱</TH> 
 <TH>黄豆豆</TH> 
 <TR> 
 <TD>球星</TD> 
 <TD>歌星</TD> 
 <TD>舞星</TD> 
 </TABLE> 
 <HR> 
 <TABLE BORDER> 
 <CAPTION VALIGN=BOTTOM>表格标题在下</CAPTION> 
 <TR> 
 <TH>范志毅</TH> 
 <TH>范小萱</TH> 
 <TH>黄豆豆</TH> 
 <TR> 
 <TD>球星</TD> 
 <TD>歌星</TD> 
 <TD>舞星</TD> 
 </TABLE> 
 </BODY> 
 </HTML> 
技巧与提示 
 上面介绍的部分HTML语言标签是最基本的,也是取常用的部分。如果能举一反三地应用这些语言。你在理论上已经可以做蛮不错的标签网页了。但是,想成为一个真正的网页制作高手,你还应该: 
 1.多实践,多看别人的网页(好在像IE、Netscape等浏览器都支持HTML源程序代码的显示。在IE浏览器中,点击"查看"->"源文件",或在Netscape浏览器中,点击"View"->"Document Source",你就可以看到网页的源代码).作为制作自已网页时的参考. 
 2.在动手写网页前,做一个自已网站的大纲、准备好制作素材整理好文件目录也是非常重要的。因为,只有一个有条理、有次序、有内容、常更新的网站才会吸引人们来光顾。 
 3.由于对中文的支持问题,某些浏览器(哪Netscape等)在正文的显示时,对中文字符不能自动换行(英文显示没有问题)。解决的方法是,在输入的每个中文字符间键入一个空格。 
 4.考虑到目前各种版本的浏览器兼容问题,在做完网页后,到少要用IE和Netscape的浏览器来看一下。 
 如果你想让你的网页更加漂亮,就请到制作教程里看看,制作教程是针对网页制作软件(如Dreamweaver Frontpage等,还有java dhtml....看看就知道了)而编写的,图文结合,易学易用. 
 |