疾控家园 - Powered by Discuz! Board

标题: [转帖]最简单的个人主页制作 [打印本页]

作者: 洋子 时间: 2005-5-12 21:09 标题: [转帖]最简单的个人主页制作

　开始->程序->附件->记事本,打开记事本。以下是原代码: <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&gt；继续下一个标签时段落会自动关闭. 　</BODY> 　</HTML> 　你能看出使用段落标签<P>和不使用段落标签<P>浏览器自动换行的区别吗? 二、块引用　　语法描述: 　<BLOCKQUOTE>文本两端同时缩进，　</BLOCKQUOTE>返回文本正常边距。　<BLOCKQUOTE>标签是在页面左右生成空白边的一个办法，总体上可改善长文本的可读性。　试试看：　　输入下面一段代码：　<HTML> 　<HEAD> 　<TITLE>我的第一个网页</TITLE> 　</HEAD> 　<BODY> 亲爱的朋友们：你们好！　<BLOCKQUOTE>你们能看出我&1tBLOCKQUOTE&gt标签的作用吗?</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>关闭闪烁。　这个标签ＩＥ不支持。　试试看：　　　输入下面一段代码：　<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>啦啦啦，我只走３趟哟　　　　　　　!</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>，将会产生一个效果相当不错的黄色背景色。不过只有少数几种色(如：Ｂlack背景色；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> 二、跨多行、多列的表格　１.跨多列的表元　　语法描述：　<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....看看就知道了)而编写的，图文结合，易学易用.

作者: 庄主 时间: 2005-5-12 21:13

谢谢洋子提供这么好的东东让我们学习

作者: 丹水剑客 时间: 2005-5-13 08:12

向上滚动公告板HTML代码

<TBODY>

<TR>

<TBODY>

var marqueewidth=160

var marqueeheight=95

var speed=1

var marqueecontents='<font color="#000000">  .........................<br>  　欢迎光临高家堰镇卫生院网站！<br>&nbsp.........................<br>&nbsp　热烈庆祝我院门诊住院部综合楼动工新建！<br>&nbsp.........................<br> 　我们庄严宣誓：面对召唤，责无旁贷；面对危险，决不退缩；面对困难，勇往直前。我们愿以血肉之躯，筑起一道“救死扶伤”的钢铁长城，夺取这场抗击“非典”战斗的全面胜利！ <br>&nbsp.........................<br>&nbsp</font>'

if (document.all)

document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')

function regenerate(){

window.location.reload()

}

function regenerate2(){

if (document.layers){

setTimeout("window.onresize=regenerate",450)

intializemarquee()

}

function intializemarquee(){

document.cmarquee01.document.cmarquee02.document.write(marqueecontents)

document.cmarquee01.document.cmarquee02.document.close()

thelength=document.cmarquee01.document.cmarquee02.document.height

scrollit()

}

function scrollit(){

if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){

document.cmarquee01.document.cmarquee02.top-=speed

setTimeout("scrollit()",100)

}

else{

document.cmarquee01.document.cmarquee02.top=marqueeheight

scrollit()

}

window.onload=regenerate2

</SCRIPT>

</FONT><FONT color=#ccccff>  </FONT><FONT color=#ccccff>  </FONT><FONT color=#ccccff>  </FONT><FONT color=#ccccff>  </FONT></TD></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE>

作者: 天马戈 时间: 2005-5-14 19:03

最简单的对我来说也太复杂,看得我眼花缭乱的.

作者: 岑云鹏 时间: 2005-5-16 19:20

呵呵，好东西，谢谢洋子，等我把我们卫生院的网页制作出来了请你指导。

作者: 米拉 时间: 2005-6-20 16:25

有点晕!

作者: 360400 时间: 2005-6-20 23:02

好东东，收之

欢迎光临疾控家园 (http://cdcman.s1.288idc.com/)