以下是论坛的发贴对话框:
第一个是我们论坛默认的UBB标签格式,想转换格式请点击对话框下面的格式转换键。
这是Windows media 播放器的标签,用于音乐地址开头为mms://及http://结尾格式要为.mid.wav.mp3.wma。
这是Real Player 播放器的标签,这种播放器一般用来在线播放 rm, mp3 rmvb, ra, ram 等格 式的视、音频文件本身或链接。
QuickTime 播放器:这是一个兼容性很好的播放器,可以播放 real系列和media系列的文件,事实上,它会根据文件的格式选择相应的播放器,也就是说,如果播放rm文件,它会自动使用realplay播放器,而播放wma文件时,它会使用media player播放器。需要注意的 是,播放mp3文件时采用的是realplay播放器,并且程序默认为手动的。
这是贴背景音乐的播放器: 背景音乐顾名思义是不显示播放器的(但会在页面上留下一个小图标),并且它可以循环播放。缺点是上述三种播放器是边下载边播放的,而背景音乐则是下载完毕之后才开始播放的,所以延迟时间比较长,因而一般在帖子内容比较多的情况下,用它播放mid和较小的其他音频文件。此外,背景音乐在设计网站时经常用到。
注意:在你选用某一播放器时,弹出的窗口通常都会提示你自己设定高度和宽度,如果没有或是选定之后你还想更改的话,请查找草稿栏中语句,以realplayer播放器为例(其他大同小异): [rm=500,350] 500指得是宽度,350指得是高度。需要注意的是,realplay播放器的高度指得仅是视频窗口的高度而不包括播放器本身的高度,而media player的高度则是视频窗口和播放器的整体高度。如果是播放音乐的话,你可以设置media player的宽度为45,realplayer 为20 。值得一提的是,如果你想完全隐藏的播放器的话,对于media player播放 器来说 [0,0]就可以了,但如果是real player播放器,则仍然会留下一条竖线。如果贴视频文件,播放器的规格还是采用默认值。
别忘了一定要复制有效的音乐文件网址!!粘贴在对话框里。网址结尾必须是:rm, rmvb, ra, ram mid.wav.mp3.wma
如图:
2)发图片也同發音樂一样,先找链接地址后点击(插入图片),打开网页对话框后键入图片链接后按确定即可。
3)、发flash,找来链接后点击(插入flash动画)打开网页对话框后键入链接地址,填上宽度和高度(可自行輸入數字),一般以450,400定.后按确定即可。
大家試試吧!^_^
------------------------------------------------------
HTML帖子的简单教程
首先大家要明确的是,论坛里的任何东西,都是由图片,文字,代码构成的,这个代码使用尤其频繁,那么我们只要能运用好这三样,就可以在帖子里任意组合。
一个简单的HTML音乐帖子是由背景,边框,图片,文字,播放器构成。最主要的是边框,它是一个帖子的大纲。设计边框,首先点击,这个是设置边框键,点击后出现下面的表格
表格行数和列数按照自己的需要填写,对齐方式选居中,边框粗细也按自己需要填写,一般3~5就可以,如果不想要边框就把默认的1消掉,什么都不填,单元间距和单元边距保持原来的默认数值就可以,表格宽度自己选择,一般70%~80%就可以,边框颜色和背景颜色点後面四方形.自己选择,看图,鼠标移动选择好喜欢的颜色后在旁边的长条里调整,最后点确定.
一切设置好后点确定,就会出现你需要的边框效果,例如这个
有了这个边框,接下来就要把你帖子里的内容写上去了,如果是图片,那么格式为:
[img]中間填圖片地址[img]
把这个代码复制粘贴到边框里就可以,文字就直接在边框里面打,我顺便说一下文字的简单自定义效果。
首先必须按主鼠标左键把你要自定义的文字用阴影框起来,选择字体颜色点,选择字体背景颜色点
这里依次是字体加粗,斜体,下划线
内容可以选择左对齐,居中,右对齐
为了帖子整体美观,建议一般选用居中。
图片和文字搞定后,接下来就该是播放器了,做法同最上面的做法.
这样,基本的图片,文字,歌曲就都有了,为了给帖子润色,大家还可以在帖子里加入些动态GIF图片等等,这些全看大家个人安排.
--------------------------------------------
HTML入门及特效代码
HTML英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作World
Wide Web 的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage
的连结信息。使用HTML语言描述的文件,需要通过WWW浏览器显示出效果。
接下来,我们就结合几个实例来观看一下HTML的全貌,以便于我们首先对它有一个整体上的认识,并且体会一下超文本与标记究竟是什么意思。
通过HTML可以表现出丰富多彩的设计风格
图片调用:<IMG SRC="文件名">文字格式<FONT SIZE="+5" COLOR="00FFFF">文字</FONT>
通过HTML可以实现页面之间的跳转
页面跳转:〈A HREF="文件路径/文件名"></A>
通过HTML可以展现多媒体的效果
單音樂或者視頻:<EMBED SRC="URL(鏈接地址)"AUTOSTART=true>
从以上的例子,我们就可以理解超文本与标记的含义了。所谓超文本,因为它可以加入图片、声音、动画、影视等内容,因为它可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。所谓标记,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“<标签名字 属性>”来表示。
HTML的基本结构
<HTML>
<HEAD>头 部 信 息</HEAD>
<BODY>文 档 主 体, 正 文 部 分</BODY>
</HTML>
其中<HTML>在最外层, 表示这对标记间的内容是HTML文 档。我们还会看到一些Hompage省略<HTML>标记,因为.html 或.htm 文件被Web浏览器默认为是HTML文档。<HEAD> 之间包括文档的头部信息,如文档总标题等,若不需头部信息则可省略此标记。<BODY>
标记一般不省略, 表示正文内容的开始。
下面是一个最基本的超文本文档的源代码:
<HTML>
<HEAD>
<TITLE>一个简单的HTML示例</TITLE>
</HEAD>
<BODY>
<CENTER>
<H3>欢迎光临</H3>
<BR>
<HR>
<FONT SIZE=2>
这是我第一次做,无论怎么样,我都会努力做好!
</FONT>
</CENTER>
</BODY>
</HTML> |
━┓
┃文件头
━┛
━┓
┃
┃
┃
┃文件体
┃
┃
┃
┃
━┛ |
超文本中的标签
刚刚接触超文本,遇到的最大的障碍就是一些用“<”和“>”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。
1. 单标签 某些标记称为“单标签”,因为它只需单独使用就能完整地表达意思,这类标记的语法是: < 标签名称>
最常用的单标签是<BR>, 它表示换行。
2.双标签 另一类标记称为“双标签”,它由“始标签”和“尾标签”两部分构成,必须成对使用,
其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这
里结束该功能。始标签前加一个斜杠(/)即成为尾标记。这类标记的语法是:
<标签> 内 容</ 标签>
其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示,就将此段文字放在一<EM>
</EM>标记中:
<EM>第一:</EM>
3.标签属性
许多单标记和双标记的始标记内可以包含一些属性, 其语法是:
< 标签名字 属性1 属性2 属性3 … >
各属性之间无先后次序,属性也可省略(即取默认值),例如单标记<HR>表示在文档当前位置画一条
水平线(horizontal line),一般是从窗口中当前行的最左端一直画到最右端带一些属性:
<HR SIZE=3 ALIGN=LEFT WIDTH="75%">
其中SIZE属性定义线的粗细,属性值取整数,缺为1;ALIGN属性表示对齐方式,可取LEFT(左对齐,缺省值),CENTER(居中),RIGHT(右对齐);WIDTH 属性定义线的长度,可取相对值,(由一对 " "号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的个数,如WIDTH=300),缺省值是"100%"。
标题
一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标签<Hn>,其中n为标题的等HTML总共提供六个等级的标题,
n越小,标题字号就越大,以下列出所有等级的标题:
〈H1>…</H1> 第一级标题
〈H2>…</H2> 第二级标题
〈H3>…</H3> 第三级标题
〈H4>…</H4> 第四级标题
〈H5>…</H5> 第五级标题
〈H6>…</H6> 第六级标题
请看下面的例子:
<html>
<head>
<title>标题示例</title>
</head>
<body>
这是一行普通文字<>
〈H1>一级标题</H1>
〈H2>二级标题</H2>
〈H3>三级标题</H3>
〈H4>四级标题</H4>
〈H5>五级标题</H5>
〈H6>六级标题</H6>
</body>
</html>
这是一行普通文字
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
从结果可以看出,每一个标题的字体为黑体字,内容文字前后都插入空行。
换行<br>
在编写HTML文件时,我们不必考虑太细的设置,也不必理会段落过长的部分会被浏览器切掉。因为,在HTML语言规范里,每当浏览器窗口被缩小时,浏览器会自动将右边的文字转折至下一行。所以,编写者对于自己需要断行的地方,应加上<br>标签。
请看下面的例子:
<html>
<head>
<title>无换行示例</title>
</head>
<body>
登鹳雀楼 白日依山尽,黄河入海流。欲穷千里目,更上一层楼。
</body>
</html>
登鹳雀楼 白日依山尽,黄河入海流。欲穷千里目,更上一层楼。
<html>
<head>
<title>换行示例</title>
</head>
<body>
登鹳雀楼<br>白日依山尽,<br>黄河入海流。<br>欲穷千里目,<br>更上一层楼。
</body>
</html>
登鹳雀楼
白日依山尽,
黄河入海流。
欲穷千里目,
更上一层楼。
段落标签<>
为了排列的整齐、清晰,文字段落之间,我们常用<></P>来做标记。文件段落的开始由<>来标记,段落的结束由</P>来标记,</P>是可以省略的,因为下一个<>的开始就意味着上一个<>的结束。
<>标签还有一个属性ALING,它用来指名字符显示时的对齐方式,一般值有CENTER、LEFT、RIGHT三种。
下面,我们用两个例子来说明这个标签的用法。
<html>
<head>
<title>段落标签</title>
</head>
<body>
< ALIGN=CENTER>
浣溪沙 <>一曲新词酒一杯,去年天气旧亭台,夕阳西下几时回。<>无可奈何花落去,似曾相识燕归来。小园香径几徘徊。</P>
</body>
</html>
浣溪沙
一曲新词酒一杯,去年天气旧亭台,夕阳西下几时回。
无可奈何花落去,似曾相识燕归来。小园香径几徘徊。
<html>
<head>
<title>段落标签</title>
</head>
<body>
登鹳雀楼<>白日依山尽,<br>黄河入海流。<br>欲穷千里目,<br>更上一层楼。</P>
</body>
</html>
登鹳雀楼
白日依山尽,
黄河入海流。
欲穷千里目,
更上一层楼。
水平线段<HR>
这个标签可以在屏幕上显示一条水平线,用以分割页面中的不同部分。<HR>有三个属性:
size水平线的宽度
width 水平线的长,用占屏幕宽度的百分比或象素值来表示
align 水平线的对齐方式,有LEFT RIGHT CENTER三种
noshade 线段无阴影属性,为实心线段
我们可以用几个例子来说明这线段的用法:
线段粗细的设定
<HTML>
<HEAD>
<TITLE>线段粗细的设定</TITLE>
</HEAD>
<BODY>
<>这是第一条线段,无size设定,取内定值SIZE=1来显示<BR>
<HR>
<>这是第二条线段,SIZE=5<BR>
<HR SIZE=5>
<>这是第三条线段,SIZE=10<BR>
<HR SIZE=10>
</BODY>
</HTML>
这是第一条线段,无size设定,取内定值SIZE=1来显示
这是第二条线段,SIZE=5
这是第三条线段,SIZE=10
线段长度的设定
<HTML>
<HEAD>
<TITLE>线段长度的设定</TITLE>
</HEAD>
<BODY>
<>这是第一条线段,无WIDTH设定,取WIDTH内定值100%来显示<BR>
<HR SIZE=3>
<>这是第二条线段,WIDTH=50(点数方式)<BR>
<HR WIDTH=50 SIZE=5>
<>这是第三条线段,WIDTH=50%(百分比方式)<BR>
<HR WIDTH=50% SIZE=7>
</BODY>
</HTML>
这是第一条线段,无WIDTH设定,取WIDTH内定值100%来显示
这是第二条线段,WIDTH=50(点数方式)
这是第三条线段,WIDTH=50%(百分比方式)
线段排列的设定
<HTML>
<HEAD>
<TITLE>线段排列的设定</TITLE>
</HEAD>
<BODY>
<>这是第一条线段,无ALIGN设定,(取内定值CENTER显示)<BR>
<HR WIDTH=50% SIZE=5>
<>这是第二条线段,向左对齐BR>
<HR WIDTH=60% SIZE=7 ALIGN=LEFT>
<>这是第三条线段,向右对齐<BR>
<HR WIDTH=70% SIZE=2 ALIGN=RIGHT>
</BODY>
</HTML>
这是第一条线段,无ALIGN设定,(取内定值CENTER显示)
这是第二条线段,向左对齐BR>
这是第三条线段,向右对齐
无阴影的设定
<HTML>
<HEAD>
<TITLE>无阴影的设定</TITLE>
</HEAD>
<BODY>
<>这是第一条线段,无NOSHADE设定,取内定值阴影效果来显示<BR>
<HR WIDTH=80% SIZE=5>
<>这是第二条线段,有NOSHADE设定<BR>
<HR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE>
</BODY>
</HTML>
这是第一条线段,无NOSHADE设定,取内定值阴影效果来显示
这是第二条线段,有NOSHADE设定
文字的大小设置
提供设置字号大小的是FONT,FONT有一个属性SIZE,通过指定SIZE属性就能设置字号大小,而SIZE属性的有效值范围为1-7,其中缺省值为3。我们可以SIZE属性值之前加上“+”、“-”字符,来指定相对于字号初始值的增量或减量。 请看示例:
<html>
<head>
<title>字号大小</title>
</head>
<body>
<font size=7>这是size=7的字体</font><>
<font size=6>这是size=6的字体</font><>
<font size=5>这是size=5的字体</font><>
<font size=4>这是size=4的字体</font><>
<font size=3>这是size=3的字体</font><>
<font size=2>这是size=2的字体</font><>
<font size=1>这是size=1的字体</font><>
<font size=-1>这是size=-1的字体</font><>
</body>
</html>
这是size=7的字体
这是size=6的字体
这是size=5的字体
这是size=4的字体
这是size=3的字体
这是size=2的字体
这是size=1的字体
这是size=-1的字体
文字的字体与样式
HTML4.0提供了定义字体的功能,用FACE属性来完成这个工作。FACE的属性值可以是本机上的任一字体类型,但有一点麻烦的是,只有对方的电脑中装有相同的字体才可以在他的浏览器中出现你预先设计的风格。
<font face="字体">
请看例子:
<HTML>
<HEAD>
<TITLE>字体</TITLE>
</HEAD>
<BODY>
<CENTER>
<FONT face="楷体_GB2312">欢迎光临</FONT><>
<FONT face="宋体">欢迎光临</FONT><>
<FONT face="仿宋_GB2312">欢迎光临</FONT><>
<FONT face="黑体">欢迎光临</FONT><>
<FONT face="Arial">Welcom my homepage.</FONT><>
<FONT face="Comic Sans MS">Welcom my homepage.</FONT><>
</CENTER>
</BODY>
</HTML>
为了让文字富有变化,或者为了着意强调某一部分,HTML提供了一些标签产生这些效果,现将常用的标签列举如下:
<B> </B> 粗体 HTML语言
<I> </I> 斜体 HTML语言
<U> </U> 加下划线 HTML语言
<TT> <TT> 打字机字体 HTML语言
<BIG> </BIG> 大型字体 HTML语言
<SMALL> </SMALL> 小型字体 HTML语言
<BLINK> </BLINK> 闪烁效果
<EM> </EM> 表示强调,一般为斜体 HTML语言
<STRONG> </STRONG> 表示特别强调,一般为粗体 HTML语言
<CITE> </CITE> 用于引证、举例,一般为斜体 HTML语言
现在我们用一个实例来看看效果:
<html>
<head>
<title>字体样式</title>
</head>
<body>
<B>黑体字</B>
<> <I>斜体字</I>
<> <U>加下划线</U>
<> <BIG>大型字体</BIG>
<> <SMALL>小型字体</SMALL>
<> <BLINK>闪烁效果</BLINK>
<><EM>Welcome</EM>
<><STRONG>Welcome</STRONG>
<><CITE>Welcom</CITE></P>
</body>
</html>
黑体字
斜体字
加下划线
大型字体
小型字体
Welcome
Welcome
Welcom
文字的颜色
文字颜色设置格式如下:
<font color=color_value>…</font>
这里的颜色值可以是一个十六进制数(用“#”作为前缀),也可以是以下16种颜色名称。
|
Black = "#000000" |
|
Green = "#008000" |
|
Silver = "#C0C0C0" |
|
Lime = "#00FF00" |
|
Gray = "#808080" |
|
Olive = "#808000" |
|
White = "#FFFFFF" |
|
Yellow = "#FFFF00" |
|
Maroon = "#800000" |
|
Navy = "#000080" |
|
Red = "#FF0000" |
|
Blue = "#0000FF" |
|
Purple = "#800080" |
|
Teal = "#008080" |
|
Fuchsia = "#FF00FF" |
|
Aqua = "#00FFFF" |
请看例子:
<HTML>
<HEAD>
<TITLE>文字的颜色</TITLE>
</HEAD>
<BODY BGCOLOR=000080>
<CENTER>
<FONT COLOR=WHITE>色彩斑斓的世界</FONT><BR>
<FONT COLOR=RED>色彩斑斓的世界</FONT> <BR>
<FONT COLOR=#00FFFF>色彩斑斓的世界</FONT><BR>
<FONT COLOR=#FFFF00>色彩斑斓的世界</FONT><BR>
<FONT COLOR=#FFFFFF>色彩斑斓的世界</FONT> <BR>
<FONT COLOR=#00FF00>色彩斑斓的世界</FONT><BR>
<FONT COLOR=#C0C0C0>色彩斑斓的世界</FONT><BR>
</CENTER>
</BODY>
</HTML>
色彩斑斓的世界色彩斑斓的世界色彩斑斓的世界色彩斑斓的世界
色彩斑斓的世界色彩斑斓的世界色彩斑斓的世界
位置控制
通过ALIGN属性可以选择文字或图片的对齐方式,LEFT表示向左对齐,RIGHT表示向右对齐,CENTER表示居中。基本语法如下:
<DIV ALIGN=#> #=left/right/center
例:
<html>
<head>
<title>位置控制</title>
</head>
<body>
<div align=left>
你好!<br>
<div align=right>
你好!<br>
<div align=center>
你好!<br>
</body>
</html>
你好!
你好!
你好!
另外,ALIGN属性也常常用在其它标签中,引起其内容位置的变动。
如:< ALIGN=#>
<HR ALIGN=#> #=left/right/center
<H1 ALIGN=#〉
综合示例
前面我们所讲是单独使用一个标签的方法,在实际的编写中,许多标签和一些属性是结合起来使用的,
比如:
<FONT COLOR="#" SIZE=#>文字</FONT>
<B><U>文字</U></B>
【例】
<HTML>
<HEAD>
<TITLE>字体样式</TITLE>
</HEAD>
<BODY>
<>
<B><U><FONT COLOR="#A35252"><FONT SIZE=+1>白
居 易</FONT></FONT></U></B>
</P>
<> 白居易(772-846年)字乐天,晚居香山,自号香山居士,原籍太原。白居易是唐代新乐府运动的倡<BR>
导者,是中国文学史上堪与屈原、李白、杜甫并列的第一流大诗人。 </P>
<> 白居易出身于小官僚家庭。大约在贞元三年( 787年)的年初,十六岁的白居易带着自己的诗稿,到<BR>
了京都长安。老诗人顾况看到这位不速之客的姓名有“居易”二字,便很恢谐地说:“长安米贵,居住不
易!”及披卷读到《赋得古原草送别》中的</P>
< ALIGN=center><FONT COLOR="#3C7777"><CITE>“离离原上草,一岁一枯荣;野火烧不尽,春风吹又生”</CITE></FONT></P>
<>时, 不禁大为惊奇,拍案称绝,马上改变语气,郑重地说:“能写出这样好的诗句,‘居’下去是不难的,刚才我是同你开开玩笑罢了。”从此,白居易的诗名大振。
</P>
<> 白居易生活的时代,主要是建中、元和、长庆时期(公元781-824年)。是唐朝走向衰败的极端苦难动荡的时代。
</P>
<> 白居易是继杜甫之后,我国伟大的现实主义诗人。 他的贡献是在总结我国自《诗经》以来现实主义诗歌创作经验的基础上,建立了现实主义的诗歌理论,掀起了一个波澜壮阔的现实主义的诗歌运动——新乐府运动,创作了大量优秀的现实主义诗篇。
</P>
</BODY>
</HTML>
【显示结果】
白 居 易
白居易(772-846年)字乐天,晚居香山,自号香山居士,原籍太原。白居易是唐代新乐府运动的倡
导者,是中国文学史上堪与屈原、李白、杜甫并列的第一流大诗人。
白居易出身于小官僚家庭。大约在贞元三年( 787年)的年初,十六岁的白居易带着自己的诗稿,到
了京都长安。老诗人顾况看到这位不速之客的姓名有“居易”二字,便很恢谐地说:“长安米贵,居住
不 易!”及披卷读到《赋得古原草送别》中的
“离离原上草,一岁一枯荣;野火烧不尽,春风吹又生”
时, 不禁大为惊奇,拍案称绝,马上改变语气,郑重地说:“能写出这样好的诗句,‘居’下去是不难
的,刚才我是同你开开玩笑罢了。”从此,白居易的诗名大振。
白居易生活的时代,主要是建中、元和、长庆时期(公元781-824年)。是唐朝走向衰败的极端苦难
动荡的时代。
白居易是继杜甫之后,我国伟大的现实主义诗人。 他的贡献是在总结我国自《诗经》以来现实主义
诗歌创作经验的基础上,建立了现实主义的诗歌理论,掀起了一个波澜壮阔的现实主义的诗歌运动——新乐
府运动,创作了大量优秀的现实主义诗篇。
插入图形
超文本之所以在很短的时间内如此广泛的受到人们的青睐,很重要的一个原因时它能支持多媒体的特性,如图象、声音、动画等。
基本格式
超文本支持的图象格式一般有X Bitmap(XBM)、GIF、JPEG三种,所以我们对图片处理后要保存为这三种格式中的任何一种,这样才可以在浏览器中看到。
插入图象的标签是<IMG>,其格式为:
<IMG SRC="圖片URL">
SRC属性指明了所要链接的图象文件地址,这个图形文件可以是本地机器上的图形,也可以是位于远端主机上的图形。地址的表示方法可以沿用上一篇内容“文件的链接”中URL地址表示方法。
例: <IMG SRC="images/ball.gif">
IMG还有两个属性是HEIGHT和WIDTH,分别表示图形的高和宽。通过这两个属性,可以改变图形的大小,如果没有设置,图形按原大显示:
例:
<IMG SRC="flowers0.jpg"> |
<IMG SRC="flowers0.jpg" width="200" heigth="100"> |
|
|
图形与文字的对齐排列:
由IMG中的ALIGN属性来设置图文的对齐方式,有以下几种:
ALIGN=top |
〈IMG SRC="love.gif" ALIGN=top>美丽的心灵 |
美丽的心灵 |
ALIGN=middle |
〈IMG SRC="love.gif" ALIGN=middle>美丽的心灵 |
美丽的心灵 |
ALIGN=buttom |
〈IMG SRC="love.gif" ALIGN=buttom>美丽的心灵 |
美丽的心灵 |
ALIGN=texttop |
〈IMG SRC="love.gif" ALIGN=textop>美丽的心灵 |
美丽的心灵 |
ALIGN=baseline |
〈IMG SRC="love.gif" ALIGN=baeline>美丽的心灵 |
美丽的心灵 |
ALIGN=left |
〈IMG SRC="love.gif" ALIGN=left>美丽的心
灵,有着数不清的爱心,象天空里的星星,明
亮晶莹。 |
美丽的心灵,
有着数不清的
爱心,象天空
里的星星,明
亮晶莹。 |
ALIGN=right |
〈IMG SRC="love.gif" ALIGN=right>美丽的心
灵,有着数不清的爱心,象天空里的星星,明
亮晶莹。 |
美丽的心灵,
有着数不清的
爱心,象天空
里的星星,明
亮晶莹。 |
图文之间的距离设置:
在HTML文件里图形水平位置的配置,可由HSPACE属性来完成,其垂直位置的配置,由VSPACE来完成。
<IMA SRC="love.gif" > |
美丽的心灵 |
<IMA SRC="love.gif" HSPACE=30> |
美丽的心灵 |
<IMA SRC="love.gif" VSPACE=30> |
美丽的心灵 |
图形按钮:
图形按钮就是使用者通过在图形上单击,就能连接到某个地址上去。很简单,我们只要调用一下前面的知识就可以完成了。其基本格式如下:
<A HREF="资源地址"><IMG SRC="图形文件地址"></A>
例:
<A HREF="index.htm"><IMA SRC="html.gif"></A>
显示结果为:
图形上出现小手了,我们试一下吧!
播放音樂
HTML除了可以插入图形之外,还可以播放音乐和视频等。用浏览器可以播放的音乐格式有:MIDI音乐、WAV音乐、AU格式。
点播音乐
将音乐做成一个链接,只需用鼠标在上面单击,就可以听到动人的音乐了,这样做的方法很简单:
<A HREF="音乐地址">乐曲名</A>
例如:播放一段MIDI音乐:
<A HREF="midi.mid">MIDI音乐</A>
播放一段AU格式音乐:
<A HREF="you.au">同桌的你-AU音乐</A>
把我们喜欢的音乐收集起来,作成一个音乐库,随时都可以让自己和别人徜徉在音乐的海洋中!
自动载入音乐
前面,我们是借助链接来实现网上播放音乐这一功能的,我们还可以让音乐自动载入,你可以让它出现控制面板或当背景音乐来使用。基本语法:
<EMBED SRC="音乐文件地址">
属性有:
SRC="FILENAME" |
设定音乐文件的路径 |
AUTOSTART=TRUE/FALSE |
是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE |
LOOP=TRUE/FALSE |
设定播放重复次数,LOOP=6表示重复6次,TRUE表示无限次播放,FALSE播放一次即停止。 |
STARTIME="分:秒" |
设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20 |
VOLUME=0-100 |
设定音量的大小。如果没设定的话,就用系统的音量。 |
WIDTH HEIGHT |
设定控制面板的大小 |
HIDDEN=TRUE |
隐藏控制面板 |
CONTROLS=CONSOLE/SMALLCONSOLE |
设定控制面板的样子 |
例:
*************************************
<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>
<> 出现控制面板了,你可以控制它的开与关,还可以调节音量的大小。</P>
</body>
</html>
出现控制面板了,你可以控制它的开与关,还可以调节音量的大小
IE中的背景音乐
另外,还有一种插入背景音乐格式,不过只有在IE浏览器中才可以听到。
<bgsound src="音乐文件地址" loop=#>
#=循环数
例:
<bgsound src="sound.wav" loop=3>
播放视频
用浏览器可以播放的格式有:MOV格式、AVI格式。
链接一个视频文件
将视频文件做成一个链接的方法:
<A HREF=" 视频地址">视频名称</A>
例如:播放一段视频:
<A HREF="welcome.avi">WINDOWS95</A>
自动载入视频
与音乐的播放一样,我们可以使用EMBED标签播放视频,
<EMBED SRC="视频文件地址">
属性有:
SRC="FILENAME" |
设定文件的路径 |
AUTOSTART=TRUE/FALSE |
是否要文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE |
LOOP=TRUE/FALSE |
设定播放重复次数,LOOP=6表示重复6次,TRUE表示无限次播放,FALSE播放一次即停止。 |
STARTIME="分:秒" |
设定开始播放时间,如20秒后播放写为STARTIME=00:20 |
VOLUME=0-100 |
设定音量的大小。如果没设定的话,就用系统的音量。 |
WIDTH HEIGHT |
设定控制面板的大小 |
例:
*************************************
<html>
<head>
<title>播放视频</title>
</head>
<body>
<B><font size=4>播放视频WINDOWS95</font></B>
<>
<EMBED SRC="welcome.avi" autostart=false loop=false width=350
height=250>
</P>
</body>
</html>
表格的基本结构
<table>...</table> 定义表格
<caption>...</caption> 定义标题
<tr> 定义表行
<th> 定义表头
<td> 定义表元(表格的具体数据)
以下是一个简单的例子:
<table border=1><tr><th>图片1</th><th>图片0</th><th>图片9</th>
<tr><td>1</td><td>0</td><td>9</td>
</table>
表格尺寸设置
表格的大小
一般情况下,表格的总长度和总宽度是根据各行和各列的总和自动调整的,如果我们要直接固定表格的大小,可以使用下列方式:
<table width=n1 height=n2>
width和height属性分别指定表格一个固定的宽度和长度,n1和n2可以用像素来表示,也可以用百分比(与整个屏幕相比的大小比例)来表示。
下表是一个长为200像素,宽为100像素的表格。<table width="200"
height="100">
边框尺寸设置
边框是用border属性来体现的,它表示表格的边框边厚度和框线。将border设成不同的值,有不同的效果。
格间线宽度
格与格之间的线为格间线,它的宽度可以使用<TABLE>中的CELLSPACING属性加以调节。格式是:
<TABLE CELLSPACING=#> #表示要取用的像素值
内容与格线之间的宽度
我们还可以在<TABLE>中设置CELLPADDING属性,用来规定内容与格线之间的宽度。格式为:
<TABLE CELLPADDING=#> #表示要取用的像素值
表格内文字的对齐/布局
表格中数据的排列方式有两种,分别是左右排列和上下排列。左右排列是以ALIGN属性来设置,而上下排列则由VALIGN属性来设置。其中左右排列的位置可分为三种:居左(left)、居右(right)和居中(center);而上下排列基本上比较常用的有四种:上齐(top)、居中(middle)、下齐(bottom)和基线(baseline)。
<tr align=#>
<th align=#> #=left, center, right
<td align=#>
<tr valign=#>
<th valign=#> #=top,middle,bottom,baseline
<td valign=#>
左右排列
<table border=1 width="200">
<tr>
<th>居左</th><th>居中</th><th>居右</th>
<tr>
<td align=left>A</td> <td align=center>B</td>
<td align=right>C</td>
</table>
显示结果:
上下排列
<table border=1 width="250" heith="100">
<tr>
<th>上齐</th><th>居中</th> <th>下齐</th><th>基线</th>
<tr>
<td valign=top>A</td> <td valign=middle>B</td>
<td valign=bottom>C</td><td valign=baseline>D</td>
</table>
显示结果:
|
上齐 |
居中 |
下齐 |
基线 |
|
A |
B |
C |
valign="baseline>D |
表格的颜色
在表格中,既可以对整个表格填入底色,也可以对任何一行、一个表元使用背景色。
表格的背景色彩 <table bgcolor=#>
行的背景色彩 <tr bgcolor=#>
表元的背景色彩 <th bgcolor=#>或 <td bgcolor=#>
#=rrggbb 16进制 RGB数码, 或者是下列预定义色彩名称:
Black, Olive,
Teal, Red, Blue,
Maroon, Navy,
Gray, Lime, Fuchsia,
White, Green,
Purple, Silver,
Yellow, Aqua
例:
<html>
<head>
<title><title>
</head>
<table border=2 bgcolor=aqua>
<tr>
<th bgcolor=ffaa00>日月轩</th> <th bgcolor=Red>蓝鸢</th>
<th rowspan=2>倚修竹</th>
<tr bgcolor=yellow>
<td>日月轩</td><td>蓝鸢</td>
</table>
</body>
</html>
--------------------------------------------------------------------------------------------
試貼者請在此貼後跟貼.否則一律刪,請各位支持!