返回列表 发帖

[转帖]最简单的个人主页制作

[转帖]最简单的个人主页制作

 开始->程序->附件->记事本,打开记事本。以下是原代码: <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>关闭闪烁。  这个标签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....看看就知道了)而编写的,图文结合,易学易用.

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

走自己的路,随便别人怎么说。

TOP

向上滚动公告板HTML代码

<DIV align=center> </DIV></TD></TR></TBODY></TABLE></TD></TR></TABLE>

<TABLE height=5 cellSpacing=0 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>

<TABLE height=97 cellSpacing=1 cellPadding=0 width="92%" align=center bgColor=#000000 border=0>

<TBODY>

<TR bgColor=#ffffff>

<TD height=96><FONT color=#ccccff>&nbsp;

<SCRIPT language=JavaScript1.2>

var marqueewidth=160

var marqueeheight=95

var speed=1

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

TOP

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

以责人之心责己.以爱己之心爱人.

TOP

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

TOP

返回列表