一起学贴图　（不断更新中）(页 1) - 『美食天地』 - 河南旅游论坛

重渡沟大虾 发表于 2006-4-15 10:41

一起学贴图　（不断更新中）

最简单的方法：
<DIV align=left> 引用其他网站图片：</DIV>
<DIV align=left>
</DIV>
<DIV align=left> （1）在打开的网页图象页面中,点住左键将选中的图片拉蓝后,右击鼠标，选择复制；</DIV>
<DIV align=left> </DIV>

<DIV align=center><IMG src="http://www.17u.net/uploadpicbase/2005/03/09/ab/2005030910210949182.jpg" border=0></DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=left> （2）在本页（编辑窗口）中右击鼠标，选择粘贴。</DIV>
<DIV align=center><IMG src="http://www.17u.net/uploadpicbase/2005/01/31/ab/2005013115334488141.jpg" border=0></DIV>
<DIV align=left> </DIV>
<DIV align=left> </DIV>
 注意：如果是贴多图，就在图与图之间打个回车防止图片横排影响浏览，如果图片之间留空格的话，再打个回车防止图片上下连在一起。同时多用上述窗口中各式功能对图片和文字进行编辑。
 （3）提交。
实例效果如下
<IMG src="http://www.17u.net/uploadpicbase/2005/03/09/ab/2005030910251949980.jpg" border=0>
 

<HR>

上传图片
上传方法如下：
1、点击“插入或修改图片”，选择“上传”
<IMG src="http://www.17u.net/uploadpicbase/2005/04/30/ab/2005043013280027627.jpg" border=0>
2、“浏览”你的电脑文件夹，找到文件名，输入文件号，点击“上传”
3、看到成功的提示后点击确定。
注：本论坛只支持600K以内的图片上传，如文件大于600K，只能改小后再上传喽~~~~~~~~

<HR>


<DIV>做帖方法: 
 
1、找到你想贴的图；(网络上)</DIV>
<DIV>2、想要的背景图；(网络上)</DIV>
<DIV>3、想用的文字； </DIV>
<DIV>4、想用的动画flash； (网络上)</DIV>
<DIV>
5、合适的背景音乐；(网络上)</DIV>
<DIV>
6、漂亮的画框(网络上)等~~~~~~~~ </DIV>
<DIV>
利用： 
复制、粘贴的方法略~~~~~~~（同上）</DIV>
<DIV> </DIV>
<DIV>具体步骤：</DIV>
<DIV>
1、背景图</DIV>
<DIV> </DIV>
<DIV> 利用“对象效果图菜单”添加背景图：</DIV>
<DIV> </DIV>
<DIV> a、打开对象效果图菜单，选择“背景图片”</DIV>
<DIV> </DIV>
<DIV align=center><IMG src="http://www.17u.net/uploadpicbase/2005/01/31/ab/2005013115583795576.jpg" border=0></DIV>
<DIV> </DIV>
<DIV> b、事先从你想用的背景图片属性里找到的网络地址（找网络地址的方法略）</DIV>
<DIV> </DIV>
<DIV>如想用以下这幅图，其地址为： <a href="http://www.s1.inets.jp/~rouge/free/momiji_2.jpg" target="_blank" >http://www.s1.inets.jp/~rouge/free/momiji_2.jpg</A></DIV>
<DIV> </DIV>
<DIV><a href="http://www.s1.inets.jp/~rouge/free/momiji_2.jpg" target="_blank" ><IMG src="http://www.s1.inets.jp/~rouge/free/momiji_2.jpg" border=0></A></DIV>
<DIV> </DIV>
<DIV> c、将地址复制后贴进空白框里，“图片来源”选择“网络”</DIV>
<DIV> </DIV>
<DIV> d、点“确定”。</DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV>2、画框
<MARQUEE behavior=alternate></MARQUEE></DIV>
<DIV> </DIV>
<DIV> 利用“表格菜单”：添加画框和画框背景图（从属性里找到的地址）</DIV>
<DIV> </DIV>
<DIV align=center><IMG src="http://www.17u.net/uploadpicbase/2005/01/31/ab/2005013115593055651.jpg" border=0></DIV>
<DIV> </DIV>
<DIV> a、在设计状态下用“表格菜单”可以制做画框，美观度差一些；在“表格样式”</DIV>
<DIV> </DIV>
<DIV> 里添加上背景图片会漂亮一些。</DIV>
<DIV> </DIV>
<DIV align=center>
<TABLE borderColor=#06070b cellSpacing=0 cellPadding=0 width=558 align=center bgColor=#ffffff border=12 heihgt="8%">

<TR>
<TD>


<TABLE borderColor=#c4723c cellSpacing=0 cellPadding=0 width=497 bgColor=#ffffff border=8 heihgt="">

<TR>
<TD>
 
<TABLE borderColor=#0066ff cellSpacing=0 cellPadding=0 width="90%" bgColor=#ffffff border=4 heihgt="">

<TR>
<TD>
 
 
 
 
 </TD></TR></TABLE></TD></TR></TABLE>
 </TD></TR></TABLE></DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=left>以上画框背景图片 <IMG src="http://www.17u.net/uploadpicbase/2005/04/06/ab/2005040614081050249.jpg" border=0> <IMG src="http://www.17u.net/uploadpicbase/2005/04/01/ab/2005040114562712192.jpg" border=0> 的网络地址为：</DIV>
<DIV align=left> </DIV>
<DIV align=left><a href="http://hongdou.gxnews.com.cn/hongdou/forumcenter/upimg4/2004-9-12/2004912113610462.gif" target="_blank" >http://www.17u.net/uploadpicbase/2005/04/06/ab/2005040614081050249.jpg</A></DIV>
<DIV align=left> </DIV>
<DIV align=left>http://www.17u.net/uploadpicbase/2005/04/01/ab/2005040114562712192.jpg</DIV>
 b、在代码状态下，把图片和文字制作好后回到设计状态，在找一个现成的画框
（网上很多）把已做好的图片和文字（用剪切的方法）贴进去（我常用这种方法）。
<DIV>
</DIV>
3、图片
 把选好的图片直接用复制、粘贴的方法贴进画框中；也可在做好的大画框中再做
几个小画框（要用几幅图片就做几个），把画粘贴到小画框中。
如果是你自己电脑里的照片或图片，就只能用上传的功能传上来，而不能直接复制、粘贴。
上传方法如下：
a、把光标放在你要贴图的位子上，点击功能栏里的“插入或修改图片”，选择“上传”
<IMG src="http://www.17u.net/uploadpicbase/2005/04/30/ab/2005043013280027627.jpg" border=0>
b、“浏览”找到文件名，输入文件号，点击“上传”
c、看到成功的提示后点击确定。
4、文字
 把题目和写好的文字（或是网络上选好），分别粘贴到图片之间。
5、分隔线
 找几个漂亮的分隔线，粘贴到图片和文字之间，把图片文字之间拉开一些距离，这
样会比较美观。
6、音乐或flash
 a、找到音乐的网络地址， 如：<a href="http://218.75.31.186/club/forum/files/79.mp3" target="_blank" >http://218.75.31.186/club/forum/files/79.mp3</A>

 b、贴MP3用以下这个公式代码，贴进代码状态里去
<EMBED SRC=地址代码 HIDDEN=True AUTOSTART=True LOOP=-1></EMBED>
c、贴MID用以下这个公式代码，贴进代码状态里去
<bgsound src="http://www.zzi.cc/sck/midi/midi/lm/midi401.mid" loop="-1">
 代码状态：必需用ctrl+c\+v 方法粘贴， 

<DIV>注意：进入代码状态后点右键是没用的，要在设计状态下点住ctrl + c 这两个键</DIV>
<DIV> </DIV>
<DIV>进行（复制）,再进入代码状态点ctrl + v 进行（粘贴）</DIV>
<DIV> </DIV>
<DIV> c、flash</DIV>
<DIV> </DIV>
<DIV> 找到flash的网络地址，如：<a href="http://www.flashempire.com/theater/flash/2005-12/1299522_1135011603.swf" target="_blank" >http://www.flashempire.com/theater/flash/2005-12/1299522_1135011603.swf</A></DIV>
<DIV> </DIV>
<DIV>请注意！flash地址的一定要有swf后缀！</DIV>
<DIV> </DIV>
<DIV>点击“插入flash动画”</DIV>
<DIV align=center><IMG src="http://www.17u.net/uploadpicbase/2005/01/31/ab/2005013116011134845.jpg" border=0></DIV>
<DIV>将地址粘贴到“网址”的空格中，设定宽度：600、高度480，点确定：</DIV>
<DIV> </DIV>

<TABLE borderColor=#ff9900 cellSpacing=0 cellPadding=0 width=443 bgColor=#111111 border=5 heihgt="">

<TR>
<TD>
 flash
略...</TD></TR></TABLE>
<DIV> </DIV>
<DIV> </DIV>
<DIV>7、出现一个黑图，进入“预览”，观看效果，如不满意则回到设计状态进行调整修改。</DIV>
<DIV> </DIV>
<DIV>8、提交</DIV>
<DIV> </DIV>

重渡沟大虾 发表于 2006-4-15 10:43

怎样才能制作出漂亮的边框来？

方法是用“表格菜单”中的“插入表格”来制作；
第一步、在网上找到你想要用的边框素材（也是背景素材）如下：
1、
<DIV align=center><a href="http://znrs.2000y.net/UploadFile/2004-8/200484105428361.jpg" target="_blank" ><IMG src="http://znrs.2000y.net/UploadFile/2004-8/200484105428361.jpg" border=0></A></DIV>
地址：http://znrs.2000y.net/UploadFile/2004-8/200484105428361.jpg
2、<IMG src="http://hongdou.gxnews.com.cn/hongdou/uploadfiles/images/upimg3/200473121218897.jpg"> 地址：http://hongdou.gxnews.com.cn/hongdou/uploadfiles/images/upimg3/200473121218897.jpg
3、<a href="http://www.s1.inets.jp/~rouge/free/10.jpg" target="_blank" ><IMG src="http://hongdou.gxnews.com.cn/hongdou/uploadfiles/images/upimg3/2004731212116771.jpg"></A>地址<a href="http://www.s1.inets.jp/~rouge/free/10.jpg" target="_blank" >：http://hongdou.gxnews.com.cn/hongdou/uploadfiles/images/upimg3/2004731212116771.jpg</A>
4、<IMG src="http://hongdou.gxnews.com.cn/hongdou/uploadfiles/images/upimg3/2004731212059343.jpg">地址：http://hongdou.gxnews.com.cn/hongdou/uploadfiles/images/upimg3/2004731212059343.jpg
 
5、 <IMG src="http://hongdou.gxnews.com.cn/hongdou/uploadfiles/images/upimg3/200473121284812.jpg"> 地址：http://hongdou.gxnews.com.cn/hongdou/uploadfiles/images/upimg3/200473121284812.jpg
 
6、 
<TABLE cellSpacing=1 width=608 align=center border=1>

<TR>
<TD width="100%"><IMG src="http://www.zzi.cc/sck/wevae/Rose/rose5/brbg1b.jpg" border=0></TD></TR></TABLE>
<a href="http://www.zzi.cc/sck/wevae/Rose/rose5/brbg1b.jpg" target="_blank" >地址：http://www.zzi.cc/sck/wevae/Rose/rose5/brbg1b.jpg</A>（这是最后的底图）

<HR>


第二步、加第一个框：
a、点击“表格菜单”、选择“插入表格”
b、表格大小：行数[1]、列数[1]；
c、表格布局：对齐方法[居中]，边框粗细[1]（不用太粗），其他的不动也可；
d、表格尺寸：表格宽度[80]，不动也可；
e、表格样式：在边框颜色里选择你想要的颜色，
 打开背景图片选择网络[粘贴地址]插入第一个素材的地址：<a href="http://hongdou.gxnews.com.cn/hongdou/forumcenter/upimg4/2004-9-12/2004912112831544.jpg" target="_blank" >http://www.it03.net/wysc/bizhi/b178.gif</A>
f、确定
进行调整后得到下列图框：

<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=690 align=center bgColor=#ffffff border=1 heihgt="">

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

<HR>


第三步、加第二个框：
将光标放在上图的中间位置，按第二步的方法再加一个图；
在背景图片中插入第二个素材的地址：<a href="http://hongdou.gxnews.com.cn/hongdou/forumcenter/upimg4/2004-9-12/2004912112831544.jpg" target="_blank" >http://hongdou.gxnews.com.cn/hongdou/uploadfiles/images/upimg3/200473121218897.jpg</A> 
进行调整后得到下列图框：

<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=690 align=center bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>


<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=616 bgColor=#ffffff border=1 heihgt="">

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

<HR>


第四步、加第三个框：
将光标放在上图的中间位置，按第二步的方法再加一个图；
在背景图片中插入第三个素材的地址：<a href="http://hongdou.gxnews.com.cn/hongdou/forumcenter/upimg4/2004-9-12/2004912112831544.jpg" target="_blank" >http://hongdou.gxnews.com.cn/hongdou/uploadfiles/images/upimg3/2004731212116771.jpg</A> 
进行调整后得到下列图框：

<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=690 align=center bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>

 

<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=616 bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>


<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=577 bgColor=#ffffff border=1 heihgt="">

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


<HR>


第五步、加第四个框：
将光标放在上图的中间位置，按第二步的方法再加一个图；
在背景图片中插入第四个素材的地址：<a href="http://hongdou.gxnews.com.cn/hongdou/forumcenter/upimg4/2004-9-12/2004912112831544.jpg" target="_blank" >http://hongdou.gxnews.com.cn/hongdou/uploadfiles/images/upimg3/2004731212059343.jpg</A> 
进行调整后得到下列图框：

<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=714 align=center bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>

 

<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=616 bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>

 

<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=577 bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>


<TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 width=526 bgColor=#ffffff border=1 heihgt="">

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

<HR>


第六步、加第五个框：
将光标放在上图的中间位置，按第二步的方法再加一个图；
在背景图片中插入第五个素材的地址：<a href="http://hongdou.gxnews.com.cn/hongdou/forumcenter/upimg4/2004-9-12/2004912112831544.jpg" target="_blank" >http://hongdou.gxnews.com.cn/hongdou/uploadfiles/images/upimg3/200473121284812.jpg</A> 
进行调整后得到下列图框：

<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=714 align=center bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>

 

<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=616 bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>


<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=692 bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>


<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=653 bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>


<TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 width=620 bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>


<TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 width=601 bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>
 </TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE>
<HR>


第七步、加第六个框：
将光标放在上图的中间位置，按第二步的方法再加一个图；
在背景图片中插入第六个素材的地址：<a href="http://hongdou.gxnews.com.cn/hongdou/forumcenter/upimg4/2004-9-12/2004912112831544.jpg" target="_blank" >http://www.zzi.cc/sck/wevae/Rose/rose5/brbg1b.jpg</A> 
进行调整后就可以得到一个完整的画框了：
 

<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=772 align=center bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>

 

<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=692 bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>


<TABLE borderColor=#ff6600 cellSpacing=0 cellPadding=0 width=653 bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>


<TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 width=620 bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>


<TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 width=601 bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>

<TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 width=558 bgColor=#ffffff border=1 heihgt="">

<TR>
<TD>
 在这贴图吧！</TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE>

simen6882 发表于 2006-4-15 10:44

这是灌水吗？

重渡沟大虾 发表于 2006-4-15 10:45

HTML入门及特效代码

HTML入门


　　HTML英语意思是：Hypertext
Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World
Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage
的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。


　　接下来，我们就结合几个实例来观看一下HTML的全貌，以便于我们首先对它有一个整体上的认识，并且体会一下超文本与标记究竟是什么意思。


　　【<a href="http://www.gggl.gov.cn/fwgc/jiaocheng/html/yball.gif" target="_blank" >实例一</A>】　　　【<a href="http://www.moonyh.com/bbs/dispbbs.asp?boardID=15&ID=718" target="_blank" >实例二</A>】　　　【<a href="http://www.moonyh.com/bbs/dispbbs.asp?boardID=15&ID=545" target="_blank" >实例三</A>】


　　<IMG src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/yball.gif">通过HTML可以表现出丰富多彩的设计风格


　　　　　图片调用：<IMG SRC="文件名">

　　　　　文字格式：文字


　　<IMG src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/yball.gif">通过HTML可以实现页面之间的跳转


　　　　　页面跳转：〈A HREF="文件路径/文件名"></A>


　　<IMG src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/yball.gif">通过HTML可以展现多媒体的效果


　　　　　声频：<EMBED SRC="音乐文件名"
AUTOSTART=true>

　　　　　视频：<EMBED SRC="视频文件名"
AUTOSTART=true>


　　从以上的例子，我们就可以理解超文本与标记的含义了。所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。所谓标记，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名字　属性>”来表示。

重渡沟大虾 发表于 2006-4-15 10:46

HTML的基本结构

<H3>　　超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。</H3>



<HR width="100%">




<HTML>


　　　<HEAD>

　　　　　　头部信息

　　　</HEAD>


　　　<BODY>

　　　　　文档主体，正文部分

　　　</BODY>


</HTML>


　　其中<HTML>在最外层，表示这对标记间的内容是HTML文档。我们还会看到一些Hompage省略<HTML>标记，
因为.html 或.htm 文件被Web浏览器默认为是HTML文档。<HEAD> 之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标记。<BODY>
标记一般不省略，表示正文内容的开始。



<HR width="100%">




下面是一个最基本的超文本文档的源代码：


<TABLE>

<TR>
<TD><HTML>

<HEAD>

<TITLE>一个简单的HTML示例</TITLE>

</HEAD>

<BODY>

<CENTER>

<H3>欢迎光临</H3>

 

<HR>



　　这是我第一次做，无论怎么样，我都会努力做好！



</CENTER>

</BODY>

</HTML></TD>


<TD vAlign=top>

━┓

　┃文件头

━┛


━┓

　┃

　┃

　┃

　┃文件体

　┃

　┃

　┃

　┃

━┛</TD>
</TR></TABLE>




超文本中的标签


　　刚刚接触超文本，遇到的最大的障碍就是一些用“<”和“>”括起来的句子，我们称它为标签，是用来分割和标记文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。


1. 单标签

　　某些标记称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标记的语法是：



　　　　　　　　　　< 标签名称> 


　　最常用的单标签是 , 它表示换行。 


2.双标签

　　另一类标记称为“双标签”，它由“始标签”和“尾标签”两部分构成，必须成对使用，
其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这
里结束该功能。始标签前加一个斜杠（/）即成为尾标记。这类标记的语法是： 


　　　　　　　　　　　　　<标签> 内容</ 标签> 


　　其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示，就将此段文字放在一
标记中：


　　　　　　　　　　　　　　第一： 


3.标签属性


　　许多单标记和双标记的始标记内可以包含一些属性，其语法是：


　　　　　　　　< 标签名字属性1 属性2 属性3 … > 


　　各属性之间无先后次序，属性也可省略（即取默认值），例如单标记<HR>表示在文档当前位置画一条

水平线（horizontal line），一般是从窗口中当前行的最左端一直画到最右端。
带一些属性： 

<PRE> <HR SIZE=3 ALIGN=LEFT WIDTH="75%">　　其中SIZE属性定义线的粗细，属性值取整数，缺为1；ALIGN属性表示对齐方式，可取LEFT（左对齐，
缺省值），CENTER（居中），RIGHT（右对齐）；WIDTH 属性定义线的长度，可取相对值，（由一对 " "
号括起来的百分数，表示相对于充满整个窗口的百分比），也可取绝对值（用整数表示的屏幕像素点的
个数，如WIDTH=300），缺省值是"100%"。</PRE>

重渡沟大虾 发表于 2006-4-15 10:47

标题　　一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标签<Hn>,其中n为标题的等HTML总共提供六个等级的标题，n越小，标题字号就越大，以下列出所有等级的标题：

<HR width="100%">〈H1>…</H1>　　　　　第一级标题〈H2>…</H2>　　　　　第二级标题〈H3>…</H3>　　　　　第三级标题〈H4>…</H4>　　　　　第四级标题〈H5>…</H5>　　　　　第五级标题〈H6>…</H6>　　　　　第六级标题<HR width="100%">请看下面的例子：<html>

<head>

<title>标题示例</title>

</head><body>这是一行普通文字

〈H1>一级标题</H1>

〈H2>二级标题</H2>

〈H3>三级标题</H3>

〈H4>四级标题</H4>

〈H5>五级标题</H5>

〈H6>六级标题</H6>

</body></html>这是一行普通文字
<H1>一级标题</H1><H2>二级标题</H2><H3>三级标题</H3><H4>四级标题</H4><H5>五级标题</H5><H6>六级标题</H6>

重渡沟大虾 发表于 2006-4-15 10:47

换行 

　　在编写HTML文件时，我们不必考虑太细的设置，也不必理会段落过长的部分会被浏览器切掉。因为，在HTML语言规范里，每当浏览器窗口被缩小时，浏览器会自动将右边的文字转折至下一行。所以，编写者对于自己需要断行的地方，应加上 标签。　　请看下面的例子：<HR width="100%"><html>

<head>

<title>无换行示例</title>

</head><body>

登鹳雀楼　白日依山尽，黄河入海流。欲穷千里目，更上一层楼。

</body></html>
登鹳雀楼　白日依山尽，黄河入海流。欲穷千里目，更上一层楼。

<HR width="100%">

<html>

<head>

<title>换行示例</title>

</head>
<body>

登鹳雀楼 白日依山尽， 黄河入海流。 欲穷千里目， 更上一层楼。

</body></html>

登鹳雀楼
白日依山尽，
黄河入海流。
欲穷千里目，
更上一层楼。

重渡沟大虾 发表于 2006-4-15 10:48

段落标签

　　为了排列的整齐、清晰，文字段落之间，我们常用来做标记。文件段落的开始由来标记，段落的结束由来标记，是可以省略的，因为下一个的开始就意味着上一个的结束。　　标签还有一个属性ALING，它用来指名字符显示时的对齐方式，一般值有CENTER、LEFT、RIGHT三种。　　下面，我们用两个例子来说明这个标签的用法。<HR width="100%"><html>

<head>

<title>段落标签</title>

</head><body>



浣溪沙　一曲新词酒一杯，去年天气旧亭台，夕阳西下几时回。无可奈何花落去，似曾相识燕归来。小园香径几徘徊。

</body></html>
浣溪沙　
一曲新词酒一杯，去年天气旧亭台，夕阳西下几时回。
无可奈何花落去，似曾相识燕归来。小园香径几徘徊。

重渡沟大虾 发表于 2006-4-15 10:49

水平线段<HR>

　　这个标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。<HR>有三个属性：

　　　size　水平线的宽度

　　　width 水平线的长，用占屏幕宽度的百分比或象素值来表示

　　　align 水平线的对齐方式，有LEFT RIGHT
CENTER三种

　　　noshade 线段无阴影属性，为实心线段　　我们可以用几个例子来说明这线段的用法：
<HR width="100%"><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/yball.gif">线段粗细的设定

<HTML>

<HEAD>

<TITLE>线段粗细的设定</TITLE>

</HEAD>

<BODY>

这是第一条线段，无size设定，取内定值SIZE=1来显示 

<HR>

这是第二条线段，SIZE=5 

<HR SIZE=5>

这是第三条线段，SIZE=10 

<HR SIZE=10>

</BODY>

</HTML>



这是第一条线段，无size设定，取内定值SIZE=1来显示

<HR>

这是第二条线段，SIZE=5

<HR SIZE=5>

这是第三条线段，SIZE=10

<HR SIZE=10><HR width="100%"><H3><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/yball.gif">线段长度的设定</H3><HTML>

<HEAD>

<TITLE>线段长度的设定</TITLE>

</HEAD>

<BODY>

这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示 

<HR SIZE=3>

这是第二条线段，WIDTH=50(点数方式) 

<HR WIDTH=50 SIZE=5>

这是第三条线段，WIDTH=50%(百分比方式) 

<HR WIDTH=50% SIZE=7>

</BODY>

</HTML>



这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示

<HR SIZE=3>

这是第二条线段，WIDTH=50(点数方式)

<HR width=50 SIZE=5>

这是第三条线段，WIDTH=50%(百分比方式)

<HR width="50%" SIZE=7>

<HR width="100%"><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/yball.gif">线段排列的设定

<HTML>

<HEAD>

<TITLE>线段排列的设定</TITLE>

</HEAD>

<BODY>

这是第一条线段，无ALIGN设定，(取内定值CENTER显示) 

<HR WIDTH=50% SIZE=5>

这是第二条线段，向左对齐BR>

<HR WIDTH=60% SIZE=7 ALIGN=LEFT>

这是第三条线段，向右对齐 

<HR WIDTH=70% SIZE=2 ALIGN=RIGHT>

</BODY>

</HTML>

这是第一条线段，无ALIGN设定，(取内定值CENTER显示)

<HR width="50%" SIZE=5>

这是第二条线段，向左对齐BR>

<HR align=left width="60%" SIZE=7>

这是第三条线段，向右对齐

<HR align=right width="70%" SIZE=2>

<HR width="100%">

<img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/yball.gif">无阴影的设定

<HTML>

<HEAD>

<TITLE>无阴影的设定</TITLE>

</HEAD>

<BODY>

这是第一条线段，无NOSHADE设定，取内定值阴影效果来显示 

<HR WIDTH=80% SIZE=5>

这是第二条线段，有NOSHADE设定 

<HR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE>

</BODY>

</HTML>



这是第一条线段，无NOSHADE设定，取内定值阴影效果来显示

<HR width="80%" SIZE=5>

这是第二条线段，有NOSHADE设定

<HR align=left width="80%" noShade SIZE=7>

重渡沟大虾 发表于 2006-4-15 10:52

一起学贴图　（不断更新中）

文字的字体与样式　　HTML4.0提供了定义字体的功能，用FACE属性来完成这个工作。FACE的属性值可以是本机上的任一字体类型，但有一点麻烦的是，只有对方的电脑中装有相同的字体才可以在他的浏览器中出现你预先设计的风格。　　请看例子：<HR width="100%"><HTML>

<HEAD>

<TITLE>字体</TITLE>

</HEAD>

<BODY>

<CENTER>

欢迎光临

欢迎光临

欢迎光临

欢迎光临

Welcom my homepage.

Welcom my homepage.

</CENTER>

</BODY>

</HTML>

<CENTER>欢迎光临 欢迎光临 欢迎光临 欢迎光临 Welcom my homepage. Welcom my homepage. </CENTER><HR width="100%">　　为了让文字富有变化，或者为了着意强调某一部分，HTML提供了一些标签产生这些效果，现将常用的标签列举如下：　　　　　　　　　　粗体　　　　　　　　　　　　　　HTML语言　　　　　　　　　　斜体　　　　　　　　　　　　　　HTML语言　　　　　　　　　　加下划线　　　　　　　　　　　　HTML语言<TT>　　　　 <TT>　　　　　打字机字体　　　　　　　　　　　<TT>HTML语言</TT><BIG>　　　　</BIG>　　　　大型字体　　　　　　　　　　　　HTML语言　　　　　　小型字体　　　　　　　　　　　　HTML语言<BLINK>　　　</BLINK>　　　闪烁效果　　　　　　　　　　　　<BLINK>HTML语言</BLINK>　　　　 　　　　表示强调，一般为斜体　　　　　　HTML语言　　 　　表示特别强调，一般为粗体　　　　HTML语言<CITE>　　　 </CITE>　　　用于引证、举例，一般为斜体　　　HTML语言现在我们用一个实例来看看效果：

<HR width="100%"><html>

<head>

<title>字体样式</title>

</head><body>

黑体字

 斜体字

 加下划线

 <BIG>大型字体</BIG>

 小型字体

 <BLINK>闪烁效果</BLINK>

Welcome

Welcome

<CITE>Welcom</CITE>

</body></html>黑体字 斜体字 加下划线 <BIG>大型字体</BIG> 小型字体 <BLINK>闪烁效果</BLINK> Welcome Welcome <CITE>Welcom</CITE>

重渡沟大虾 发表于 2006-4-15 10:53

文字的颜色

　　文字颜色设置格式如下：　　　…　　这里的颜色值可以是一个十六进制数(用“#”作为前缀)，也可以是以下16种颜色名称。
<HR width="100%"><TABLE cellSpacing=10 cellPadding=0 width="80%">

<TR><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/black.gif"></TD><TD>Black = "#000000"?</TD><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/green.gif"></TD><TD>Green = "#008000"</TD></TR><TR><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/silver.gif"></TD><TD>Silver = "#C0C0C0"?</TD><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/lime.gif"></TD><TD>Lime = "#00FF00"</TD></TR><TR><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/gray.gif"></TD><TD>Gray = "#808080"?</TD><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/olive.gif"></TD><TD>Olive = "#808000"</TD></TR><TR><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/white.gif"></TD><TD>White = "#FFFFFF"?</TD><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/yellow.gif"></TD><TD>Yellow = "#FFFF00"</TD></TR><TR><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/maroon.gif"></TD><TD>Maroon = "#800000"?</TD><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/navy.gif"></TD><TD>Navy = "#000080"</TD></TR><TR><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/red.gif"></TD><TD>Red = "#FF0000"?</TD><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/blue.gif"></TD><TD>Blue = "#0000FF"</TD></TR><TR><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/purple.gif"></TD><TD>Purple = "#800080"?</TD><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/teal.gif"></TD><TD>Teal = "#008080"</TD></TR><TR><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/fuchsia.gif"></TD><TD>Fuchsia = "#FF00FF"?</TD><TD width=16><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/aqua.gif"></TD><TD>Aqua = "#00FFFF"</TD></TR></TABLE><HR width="100%">请看例子：<HTML>

<HEAD>

<TITLE>文字的颜色</TITLE>

</HEAD>

<BODY BGCOLOR=000080>

<CENTER>

色彩斑斓的世界 

色彩斑斓的世界 

色彩斑斓的世界 

色彩斑斓的世界 

色彩斑斓的世界 

色彩斑斓的世界 

色彩斑斓的世界 

</CENTER>

</BODY>

</HTML>色彩斑斓的世界色彩斑斓的世界色彩斑斓的世界色彩斑斓的世界 色彩斑斓的世界色彩斑斓的世界色彩斑斓的世界

重渡沟大虾 发表于 2006-4-15 10:53

位置控制


　　通过ALIGN属性可以选择文字或图片的对齐方式，LEFT表示向左对齐，RIGHT表示向右对齐，CENTER表示居中。基本语法如下：


　　　　　<DIV ALIGN=#>　　　#＝left／right／center



<HR width="100%">




例：


<html>

<head>

<title>位置控制</title>

</head>


<body>

<div align=left>

重渡沟 

<div align=right>

重渡沟 

<div align=center>

重渡沟 

</body>

</html>


<DIV align=left>
重渡沟

<DIV align=right>
重渡沟

<DIV align=center>
重渡沟


<HR width="100%">




　　另外，ALIGN属性也常常用在其它标签中，引起其内容位置的变动。


　　如：

　　　　<HR ALIGN=#>　　　#＝left／right／center

　　　　<H1 ALIGN=#〉</DIV></DIV></DIV>
[align=right][color=#000066][此贴子已经被作者于2006-4-15 11:06:31编辑过][/color][/align]

重渡沟大虾 发表于 2006-4-15 10:54

综合示例

　　前面我们所讲是单独使用一个标签的方法，在实际的编写中，许多标签和一些属性是结合起来使用的，

比如：

　　　　文字

　　　　文字<HR width="100%">【例】<HTML>

<HEAD>

<TITLE>字体样式</TITLE>

</HEAD><BODY>



白
居易

　　白居易（772-846年）字乐天，晚居香山，自号香山居士，原籍太原。白居易是唐代新乐府运动的倡 
导者，是中国文学史上堪与屈原、李白、杜甫并列的第一流大诗人。 　　白居易出身于小官僚家庭。大约在贞元三年（ 787年）的年初，十六岁的白居易带着自己的诗稿，到 
了京都长安。老诗人顾况看到这位不速之客的姓名有“居易”二字，便很恢谐地说：“长安米贵，居住不
易！”及披卷读到《赋得古原草送别》中的<CITE>“离离原上草，一岁一枯荣；野火烧不尽，春风吹又生”</CITE>时，不禁大为惊奇，拍案称绝，马上改变语气，郑重地说：“能写出这样好的诗句,‘居’下去是不难的，刚才我是同你开开玩笑罢了。”从此，白居易的诗名大振。
　　白居易生活的时代，主要是建中、元和、长庆时期（公元781-824年）。是唐朝走向衰败的极端苦难动荡的时代。
　　白居易是继杜甫之后，我国伟大的现实主义诗人。他的贡献是在总结我国自《诗经》以来现实主义诗歌创作经验的基础上，建立了现实主义的诗歌理论，掀起了一个波澜壮阔的现实主义的诗歌运动——新乐府运动，创作了大量优秀的现实主义诗篇。
</BODY>

</HTML> 
【显示结果】
白居易　　白居易（772-846年）字乐天，晚居香山，自号香山居士，原籍太原。白居易是唐代新乐府运动的倡

导者，是中国文学史上堪与屈原、李白、杜甫并列的第一流大诗人。 　　白居易出身于小官僚家庭。大约在贞元三年（ 787年）的年初，十六岁的白居易带着自己的诗稿，到

了京都长安。老诗人顾况看到这位不速之客的姓名有“居易”二字，便很恢谐地说：“长安米贵，居住
不易！”及披卷读到《赋得古原草送别》中的<CITE>“离离原上草，一岁一枯荣；野火烧不尽，春风吹又生”
</CITE>时，不禁大为惊奇，拍案称绝，马上改变语气，郑重地说：“能写出这样好的诗句,‘居’下去是不难
的，刚才我是同你开开玩笑罢了。”从此，白居易的诗名大振。 　　白居易生活的时代，主要是建中、元和、长庆时期（公元781-824年）。是唐朝走向衰败的极端苦难
动荡的时代。 　　白居易是继杜甫之后，我国伟大的现实主义诗人。他的贡献是在总结我国自《诗经》以来现实主义
诗歌创作经验的基础上，建立了现实主义的诗歌理论，掀起了一个波澜壮阔的现实主义的诗歌运动——新乐
府运动，创作了大量优秀的现实主义诗篇。

重渡沟大虾 发表于 2006-4-15 10:55

插入图形

　　超文本之所以在很短的时间内如此广泛的受到人们的青睐，很重要的一个原因时它能支持多媒体的特性，如图象、声音、动画等。<HR width="100%">基本格式　　超文本支持的图象格式一般有X Bitmap(XBM)、GIF、JPEG三种，所以我们对图片处理后要保存为这三种格式中的任何一种，这样才可以在浏览器中看到。

　　插入图象的标签是<IMG>，其格式为：　　　　　<IMG SRC="图形文件地址">　　SRC属性指明了所要链接的图象文件地址，这个图形文件可以是本地机器上的图形，也可以是位于远端主机上的图形。地址的表示方法可以沿用上一篇内容“文件的链接”中URL地址表示方法。　　例：　<IMG SRC="images/ball.gif">　　IMG还有两个属性是HEIGHT和WIDTH，分别表示图形的高和宽。通过这两个属性，可以改变图形的大小，如果没有设置，图形按原大显示：　　例：<CENTER><TABLE>

<TR><TD><IMG SRC="flowers0.jpg"></TD><TD>　　<IMG SRC="flowers0.jpg" width="200" heigth="100"></TD></TR><TR><TD><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/flowers0.jpg"></TD><TD><CENTER><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/flowers0.jpg"></CENTER></TD></TR></TABLE></CENTER><HR width="100%">

图形与文字的对齐排列： 　　由IMG中的ALIGN属性来设置图文的对齐方式，有以下几种：<TABLE cellSpacing=0 cellPadding=5 width="100%" border=1>

<TR><TD>ALIGN=top</TD><TD>〈IMG SRC="love.gif" ALIGN=top>美丽的心灵</TD><TD>　<img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/love.gif">　美丽的心灵</TD></TR><TR><TD>ALIGN=middle</TD><TD>〈IMG SRC="love.gif" ALIGN=middle>美丽的心灵</TD><TD>　<img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/love.gif">　美丽的心灵</TD></TR><TR><TD>ALIGN=buttom</TD><TD>〈IMG SRC="love.gif" ALIGN=buttom>美丽的心灵</TD><TD>　<img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/love.gif">　美丽的心灵</TD></TR><TR><TD>ALIGN=texttop</TD><TD>〈IMG SRC="love.gif" ALIGN=textop>美丽的心灵</TD><TD>　<img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/love.gif">　美丽的心灵</TD></TR><TR><TD>ALIGN=baseline</TD><TD>〈IMG SRC="love.gif" ALIGN=baeline>美丽的心灵</TD><TD>　<img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/love.gif">　美丽的心灵</TD></TR><TR><TD>ALIGN=left</TD><TD>〈IMG SRC="love.gif" ALIGN=left>美丽的心

灵，有着数不清的爱心，象天空里的星星，明

亮晶莹。</TD><TD><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/love.gif">美丽的心灵，

有着数不清的

爱心，象天空

里的星星，明

亮晶莹。</TD></TR><TR><TD>ALIGN=right</TD><TD>〈IMG SRC="love.gif" ALIGN=right>美丽的心

灵，有着数不清的爱心，象天空里的星星，明

亮晶莹。</TD><TD><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/love.gif">美丽的心灵，

有着数不清的

爱心，象天空

里的星星，明

亮晶莹。</TD></TR></TABLE><HR width="100%">

图文之间的距离设置： 　　在HTML文件里图形水平位置的配置，可由HSPACE属性来完成，其垂直位置的配置，由VSPACE来完成。<TABLE cellSpacing=0 cellPadding=5 border=1>

<TR><TD><IMA　SRC="love.gif" ></TD><TD><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/love.gif">美丽的心灵</TD></TR><TR><TD><IMA　SRC="love.gif" HSPACE=30></TD><TD><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/love.gif">美丽的心灵</TD></TR><TR><TD><IMA　SRC="love.gif" VSPACE=30></TD><TD><img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/love.gif">美丽的心灵</TD></TR></TABLE>

重渡沟大虾 发表于 2006-4-15 10:56

播放音乐

　　HTML除了可以插入图形之外，还可以播放音乐和视频等。用浏览器可以播放的音乐格式有：MIDI音乐、WAV音乐、AU格式。<HR width="100%">点播音乐　　将音乐做成一个链接，只需用鼠标在上面单击，就可以听到动人的音乐了，这样做的方法很简单：　　　<A　HREF="音乐地址">乐曲名</A>例如：<img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/yball.gif">播放一段MIDI音乐：　　　<A　HREF="midi.mid">MIDI音乐</A>　　　<img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/yball.gif">播放一段AU格式音乐：　　　<A　HREF="you.au">同桌的你-AU音乐</A>　　　　

　　把我们喜欢的音乐收集起来，作成一个音乐库，随时都可以让自己和别人徜徉在音乐的海洋中！<HR width="100%">自动载入音乐　　前面，我们是借助链接来实现网上播放音乐这一功能的，我们还可以让音乐自动载入，你可以让它出现控制面板或当背景音乐来使用。基本语法：　　　　<EMBED SRC="音乐文件地址">属性有：<TABLE cellSpacing=0 cellPadding=5 border=1>

<TR><TD>SRC="FILENAME"</TD><TD>设定音乐文件的路径</TD></TR><TR><TD>AUTOSTART=TRUE/FALSE</TD><TD>是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSE</TD></TR><TR><TD>LOOP=TRUE/FALSE</TD><TD>设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE播放一次即停止。</TD></TR><TR><TD>STARTIME="分:秒"</TD><TD>设定乐曲的开始播放时间，如20秒后播放写为STARTIME=00:20</TD></TR><TR><TD>VOLUME=0-100</TD><TD>设定音量的大小。如果没设定的话，就用系统的音量。</TD></TR><TR><TD>WIDTH HEIGHT</TD><TD>设定控制面板的大小</TD></TR><TR><TD>HIDDEN=TRUE</TD><TD>隐藏控制面板</TD></TR><TR><TD>CONTROLS=CONSOLE/SMALLCONSOLE</TD><TD>设定控制面板的样子</TD></TR></TABLE>例：

*************************************<html>

<head>

<title>播放音乐</title>

</head>

　　<EMBED SRC="midi.mid" autostart=true hidden=true loop=true>　　作为背景音乐来播放。

</body>

</html>例：

*************************************<html>

<head>

<title>播放音乐</title>

</head>

　　<EMBED SRC="midi.mid" loop=true width=145 height=60>　　出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。

<／body>

</html><EMBED src=http://www.wcnw.net/midi/midi1/24.mid width=145 height=60 type=audio/mid loop="true"> 　　出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。

重渡沟大虾 发表于 2006-4-15 10:56

IE中的背景音乐　　另外，还有一种插入背景音乐格式，不过只有在IE浏览器中才可以听到。　　<bgsound src="音乐文件地址" loop=#> 　　 #=循环数 例：

　　　　　　<bgsound src="sound.wav" loop=3>

重渡沟大虾 发表于 2006-4-15 10:58

播放视频

　　用浏览器可以播放的格式有：MOV格式、AVI格式。<HR width="100%">链接一个视频文件　　将视频文件做成一个链接的方法：　　　<A　HREF=" 视频地址">视频名称</A>例如：<img src="http://www.gggl.gov.cn/fwgc/jiaocheng/html/yball.gif">播放一段视频：　　　<A　HREF="welcome.avi">WINDOWS95</A>　　<HR width="100%">自动载入视频　　与音乐的播放一样，我们可以使用EMBED标签播放视频，　　　　<EMBED SRC="视频文件地址">属性有：<TABLE cellSpacing=0 cellPadding=5 border=1>

<TR><TD>SRC="FILENAME"</TD><TD>设定文件的路径</TD></TR><TR><TD>AUTOSTART=TRUE/FALSE</TD><TD>是否要文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSE</TD></TR><TR><TD>LOOP=TRUE/FALSE</TD><TD>设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE播放一次即停止。</TD></TR><TR><TD>STARTIME="分:秒"</TD><TD>设定开始播放时间，如20秒后播放写为STARTIME=00:20</TD></TR><TR><TD>VOLUME=0-100</TD><TD>设定音量的大小。如果没设定的话，就用系统的音量。</TD></TR><TR><TD>WIDTH HEIGHT</TD><TD>设定控制面板的大小</TD></TR></TABLE>例：

*************************************<html>

<head>

<title>播放视频</title>

</head><body>

播放视频WINDOWS95



　　<EMBED SRC="welcome.avi" autostart=false loop=false width=350
height=250>



</body>

</html>

七剑下天山 发表于 2006-4-15 10:58

很经典很实用
[align=right][color=#000066][此贴子已经被作者于2006-4-15 10:59:14编辑过][/color][/align]

重渡沟大虾 发表于 2006-4-15 10:58

<H2>表格的基本结构</H2>

<H3>　<table>...</table> 　定义表格

　<caption>...</caption>　定义标题

　<tr> 　定义表行

　<th> 　定义表头

　<td> 　定义表元(表格的具体数据) <HR width="100%"></H3>以下是一个简单的例子：<PRE><table border=1><tr><th>图片1</th><th>图片0</th><th>图片9</th><tr><td>1</td><td>0</td><td>9</td> </table></PRE><TABLE border=1><TR><TH>图片</TH><TH>图片</TH><TH>图片</TH>
<TR><TD><img src="http://pic.ty.sx.cn/donghua/gif/marker/digits03.GIF"></TD><TD><img src="http://pic.ty.sx.cn/donghua/gif/marker/digits04.GIF"></TD><TD><img src="http://pic.ty.sx.cn/donghua/gif/marker/digits05.GIF"></TD>
</TR></TABLE>

重渡沟大虾 发表于 2006-4-15 10:59

表格的大小

　　一般情况下，表格的总长度和总宽度是根据各行和各列的总和自动调整的，如果我们要直接固定表格的大小，可以使用下列方式：<H3>　　　　　　　　　　　<table width=n1 height=n2></H3>　　width和height属性分别指定表格一个固定的宽度和长度，n1和n2可以用像素来表示，也可以用百分比（与整个屏幕相比的大小比例）来表示。　　下表是一个长为200像素，宽为100像素的表格。<table width="200"
height="100"><TABLE height=100 width=200 border=1>

<TR><TD>　　</TD><TD>　　</TD></TR><TR><TD>　　　</TD><TD>　　　</TD></TR></TABLE>　　下表是一个长为屏幕的20%，宽为屏幕的10%的表格。<table width=20%
height=10%><TABLE height="10%" width="20%" border=1>

<TR><TD>　　　</TD><TD>　　　</TD></TR><TR><TD>　　　</TD><TD>　　　</TD></TR></TABLE><HR width="100%">边框尺寸设置　　边框是用border属性来体现的，它表示表格的边框边厚度和框线。将border设成不同的值，有不同的效果。<HR width="100%">格间线宽度　　格与格之间的线为格间线，它的宽度可以使用<TABLE>中的CELLSPACING属性加以调节。格式是：　　　　　<TABLE　CELLSPACING=#>　　　#表示要取用的像素值<HR width="100%">内容与格线之间的宽度　　我们还可以在<TABLE>中设置CELLPADDING属性，用来规定内容与格线之间的宽度。格式为：　　　　　　　　　　<TABLE　CELLPADDING=#>　　　#表示要取用的像素值

页: [1] 2 3

河南旅游论坛's Archiver

一 起 学 贴 图 （不断更新中）

怎样才能制作出漂亮的边框来？

HTML入门及特效代码

HTML的基本结构

一 起 学 贴 图 （不断更新中）

一起学贴图　（不断更新中）

一起学贴图　（不断更新中）