书酒国风 - [书酒论坛]以古典文学诗词楹联诗歌散文谜语为主的文学论坛。

首先大家要明确的是，论坛里的任何东西，都是由图片，文字，代码构成的，这个代码使用尤其频繁，那么我们只要能运用好这三样，就可以在帖子里任意组合。

一个简单的HTML音乐帖子是由背景，边框，图片，文字，播放器构成。最主要的是边框，它是一个帖子的大纲。设计边框，首先点击

，这个是设置边框键，点击后出现下面的表格

表格行数和列数按照自己的需要填写，对齐方式选居中，边框粗细也按自己需要填写，一般3~5就可以，如果不想要边框就把默认的1消掉，什么都不填，单元间距和单元边距保持原来的默认数值就可以，表格宽度自己选择，一般70%~80%就可以，边框颜色和背景颜色点後面四方形.自己选择，看图，鼠标移动选择好喜欢的颜色后在旁边的长条里调整，最后点确定.

一切设置好后点确定，就会出现你需要的边框效果，例如这个

首先必须按主鼠标左键把你要自定义的文字用阴影框起来，选择字体颜色点

,选择字体背景颜色点

图片和文字搞定后，接下来就该是播放器了，做法同最上面的做法.

这样，基本的图片，文字，歌曲就都有了，为了给帖子润色，大家还可以在帖子里加入些动态GIF图片等等，这些全看大家个人安排.

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

你好!

你好!

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

　　如：< ALIGN=#>

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

　　　　<H1 ALIGN=#〉

综合示例

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

比如：
<FONT COLOR="#" SIZE=#>文字</FONT>

<B><U>文字</U></B>

【例】

<>　　白居易（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>

例：

显示结果为：

　　图形上出现小手了，我们试一下吧！

播放音樂

　　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 设定控制面板的样子

例：
*************************************

　　作为背景音乐来播放。

</body>

</html>

例：

*************************************

<>　　出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。</P>

<／body>

</html>

　　出现控制面板了，你可以控制它的开与关，还可以调节音量的大小

IE中的背景音乐

　　另外，还有一种插入背景音乐格式，不过只有在IE浏览器中才可以听到。

　　 #=循环数

例：

　　　　　　<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 设定控制面板的大小

例：

*************************************

<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=#>

左右排列

显示结果：

居左居中居右

A B C

居左	居中	居右
A	B	C

上下排列

显示结果：

　　　　上齐居中下齐基线

　　　　 A B C valign="baseline>D

	上齐	居中	下齐	基线
	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

例：

</body>

</html>

日月轩蓝鸢

--------------------------------------------------------------------------------------------

	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的基本结构

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

线段长度的设定

表格的基本结构

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

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

　<tr> 　定义表行

　<th> 　定义表头

　<td> 　定义表元(表格的具体数据)

表格尺寸设置

表格的大小

一般情况下，表格的总长度和总宽度是根据各行和各列的总和自动调整的，如果我们要直接固定表格的大小，可以使用下列方式：

<table width=n1 height=n2>

表格内文字的对齐/布局

表格的颜色

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>美丽的心灵，有着数不清的爱心，象天空里的星星，明亮晶莹。	美丽的心灵，有着数不清的爱心，象天空里的星星，明亮晶莹。

<IMA　SRC="love.gif" >	美丽的心灵
<IMA　SRC="love.gif" HSPACE=30>	美丽的心灵
<IMA　SRC="love.gif" VSPACE=30>	美丽的心灵

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	设定控制面板的样子

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的基本结构

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

线段长度的设定

表格的基本结构

<table>...</table> 定义表格 <caption>...</caption> 定义标题 <tr> 定义表行 <th> 定义表头 <td> 定义表元(表格的具体数据)

表格尺寸设置 表格的大小一般情况下，表格的总长度和总宽度是根据各行和各列的总和自动调整的，如果我们要直接固定表格的大小，可以使用下列方式：

<table width=n1 height=n2>

表格内文字的对齐/布局

表格的颜色

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

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

　<tr> 　定义表行

　<th> 　定义表头

　<td> 　定义表元(表格的具体数据)

表格尺寸设置

表格的大小

一般情况下，表格的总长度和总宽度是根据各行和各列的总和自动调整的，如果我们要直接固定表格的大小，可以使用下列方式：

　　　　　　　　　　　<table width=n1 height=n2>