圖片在文字左右邊的代碼

深山泉水叮當(dāng) 2018-10-01

展開全文

圖片在文字左右邊的代碼
1.
圖片在文字左邊的代碼：（左）
<P><IMG height=201 src="圖片連接地址" width=154 align=left border=0><FONT face=Arial> 文字<BR> </FONT><BR clear=left></P>
2. 圖片在文字左右邊的代碼（右）代碼：

<1>怎樣在圖片上添加文字：

(1)文字居中
<TABLE height=413 cellSpacing=0 cellPadding=0 width=550 align=center
background=http://bbs./UploadFile/2006-5/200651716531118135.jpg border=0>

<TBODY>

<TR>

文字在圖片中的位置。由<td>中的align=center決定。center：表示居中。

(2).文字居左頂

<TBODY>

<TR>

top：表示文字居頂端。left：表示文字居左。文字居右頂（right：表示文字居右）

bottom：表示文字居底部。align=right：表示文字居右。 bottom：表示文字居底部。left：表示文字居左。

2.1.
<1>居右靠底語(yǔ)句

<p align="center">
<table border="0" width="640" cellspacing="1"cellpadding="10" height="330" id="table1" background="http://www./5/JPEG640/091/051_100/DT099_L.jpg" >
<tr>
<td align=LEFT valign=top height="50">
<FONT style="FONT-SIZE: 25pt" face=華文行楷 color=#00ff00><B>
<p >送給春蘭妹妹</B> </FONT>
</P><br>
</td></tr>
<tr>
<td align=center height="200">
<FONT style="FONT-SIZE: 46pt" face=華文行楷 color=#ffff00><B>
祝你生日快樂！</B> </FONT>
</P>
</td></tr>
<tr>
<td align=right valign=bottom height="80">
<FONT style="FONT-SIZE: 25pt" face=華文行楷 color=#00ff00><B>
大姐冬梅<br>20080808</B> </FONT><居右靠底語(yǔ)句>
</td></tr></table></P>

說明：
　　◆<p align="center">居中標(biāo)簽．
　　◆<table border="0".....cellpadding="10">表格標(biāo)簽，用鮮花圖片作背景．
　　◆<td valign=top height="130">第一單元格．加入居左靠頂語(yǔ)句．<
　　◆<td align=center height="200">第二單元格．加入居中語(yǔ)句．
　　◆<td align=right valign=bottom height="80">第三單元格．加入居右靠底語(yǔ)句．
　　◆</td></tr></table></P>表格和圖片居中代碼的尾標(biāo)簽．

（3）文字豎排居中

<TABLE height=413 cellSpacing=0 cellPadding=0 width=550 align=center
background=http://bbs./UploadFile/2006-5/200651716531118135.jpg border=0>
<TBODY>
<TR>
<TD align=middle spacer type="vertical"><FONT face=華文行楷 color=blue size=7><B>精<BR>彩
<BR>無<BR>限</B></FONT></TD></TR></TBODY></TABLE>
(4)

在每個(gè)文字之間加<br>（換行代碼）

文字豎排居左頂（valign=top align=left ）、文字豎排居右頂（valign=top align=right）、

文字豎排居右下（valign=bottom align=right）

<P align=center>（作者名字居中）<FONT color=#8484ff（作者字的顏色） size=4>（作者字的大?。┙袢昭影?創(chuàng)作</FONT></P></TD></TR></TBODY></TABLE>
<5>上面2個(gè)，下面1個(gè)圖片代碼

<TABLE style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 0px" borderColor=red height=300 width=400 bgColor=#000000 border=5>
<TBODY>
<TR>
<TD align=middle><FONT color=red size=5>中國(guó)音畫《圖片》</FONT></TD>
<TD align=middle><FONT color=red size=5>勇創(chuàng)第一《圖片》</FONT></TD></TR>
<TR>
<TD align=middle colSpan=2><FONT color=red size=5>大家一起動(dòng)手做做看！??！《圖片》</FONT></TD></TR></TR></TD></TBODY></TABLE>

如何使用更多的字體

使用方法一： <P style="FONT-FAMILY: 華文彩云" ><FONT color=#ff0000 size=7>東湖社區(qū)</FONT></P>

使用方法二： <P ><FONT style="FONT-FAMILY: 華文彩云" color=#ff0000 size=7>東湖社區(qū)</FONT></P>

<P style="FONT-FAMILY: 華文行楷"><FONT color=#ff0000 size=7>東湖社區(qū)</FONT></P>
在論壇編輯器中，能選擇的字體僅只有幾種，如果想使用更多的字體，可以用參數(shù)來實(shí)現(xiàn)。

參數(shù)：style="FONT-FAMILY: 華文彩云"

也可以用：華文行楷、華文琥珀、華文新魏、華文細(xì)黑……等，但是前提是別人的電腦里也裝有這些字體，才能在別人的屏幕上順利顯示，如果別人沒有裝這些字體，將會(huì)統(tǒng)一顯示為宋體。
<2>字體代碼
1.文字基本設(shè)制基本代碼如下：

<P align=center>表示居中，<P align=left>表示居左，<P align=right>表示居右。

face=字體　常用字體為：宋體.黑體.楷體.仿宋.華文行楷.新宋體.華文新魏等

size=字體大小，這里的最大值為7　取值越大文字就越大

字體上標(biāo)
主體字<sup>右上角的字</sup>

水2
如若離開后會(huì)無期

字體下標(biāo)
丁香<sub>如若離開·后會(huì)無期</sub>
丁香如若離開·后會(huì)無期
另一種貼法：

font:40pt　數(shù)值越大文字就越大。
<1>
<FONT face=隸書 color=#00ff00 size=6><STRONG>歡迎光臨</STRONG></FONT> <FONT face=華文正楷
color=#800080 size=30><STRONG></STRONG><BR>
<P align=center><FONT face=華文正楷_Gcolor=#0000ff size=6>53lhl歡迎你
</FONT></P></FONT>
<2>
<TABLE borderColor=#228b22 cellSpacing=0 borderColorDark=#00ced1 cellPadding=0
width=550 align=center border=1>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=400>
<MARQUEE style="WIDTH: 550px; HEIGHT: 180px" scrollAmount=3 behavior=alternate
width=438>
<P align=center><IMG
src="<FONT face=隸書 color=#00ff00 size=6><STRONG>歡迎光臨</STRONG></FONT> <FONT face=華文行楷
color=#800080 size=30><STRONG></STRONG><BR>
<P align=center><FONT face=華文行楷_GB2312 color=#0000ff size=6>真哥哥歡迎你
</FONT></P></FONT>
<P></P></MARQUEE></MARQUEE>
<TBODY></TBODY></TABLE></TD></TR></TBODY></TABLE>
(1)
<P align=center><FONT style="FONT-SIZE: 20pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: RED; LINE-HEIGHT: 160%; FONT-FAMILY: 黑體"><B>祝您健康，永遠(yuǎn)快樂
</FONT></P>
(2)
<TABLE width="90%" border=0 break-word? WORD-BREAK: fixed; WORD-WRAP: break-all;><TR><TD width="100%" LINE-HEIGHT: 12pt? 9pt;><TABLE borderColor=#66cdaa cellSpacing=20 cellPadding=30 width=558 align=center bgColor=#ffffff background=http://www./sucai/shejilei/bj/pic/0034.jpg border=10 HEIGHT: 124px? 558px;><TR><TD><P align=center>
<font style="FONT-SIZE: 60pt;color=#ff0099"><b> 祝您健康，永遠(yuǎn)快樂！</b></FONT></FONT></P></TD></TR></TABLE></TD></TR></TABLE>
<3>字體代碼
<P align=center><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: RED; LINE-HEIGHT: 160%; FONT-FAMILY: 黑體"><B>
祝福您,朋友!
</FONT></P>
<4>
<enter>
<CENTER><FONT style="FONT-SIZE: 28pt; FILTER: shadow(color=GOLD); WIDTH: 80%; COLOR:red; LINE-HEIGHT: 100%; FONT-FAMILY: 華文正楷"><B>
朋友，您好</FONT></P>

align 定義表格的對(duì)齊方式，有三個(gè)屬性值center（居中），left（左對(duì)齊），right（右對(duì)齊），下面的代碼加上了一個(gè)讓表格居中的參數(shù)：align=center

對(duì)齊參數(shù)還有另一個(gè)，垂直對(duì)齊，valign=top（頂部）middle（中部） bottom（底部），一般用在<TD>代碼中。
文字在圖片上的定位代碼說明：

direction=移動(dòng)方向　可選值為向上(up)　向下(down)　向左(left)　向右(right)

behavior=移動(dòng)方式，　scroll 一圈一圈繞著走，　slide 只走一次，　behavior=alternate 來回走

width=寬度　　height=高度　　scrolldelay=速度　　scrollamount=位移 <br>表示換行

上面的參數(shù)大家可以根據(jù)不同的情況自行調(diào)節(jié)。
<3>align=center（左右居中），valign=middle（上下居中）。 bgcolor="X"一般要在顏色代碼前加上一個(gè)“#”號(hào)，例如：bgcolor=#ff00de。
有些單色可以用英文單詞定義，red（紅色），blue（藍(lán)色），yellow（黃色），green（綠色），
<TR>和</TR>定義表格的行，一對(duì)定義一行，可用多次重復(fù)定義任意數(shù)量的行。畫表格的時(shí)候，一定要先分“行”，再分“列”。
<TD>和</TD>定義表格的列，一對(duì)定義一列，可用多次重復(fù)定義任意數(shù)量的列。表格分列的原則是，必須要在“行”里分列，通俗地理解就是表格外框包含行，行里包含列，最后畫成表格。
實(shí)例一：在一個(gè)表格（矩形框）里顯示一張圖片。
<TABLE border=5 width=600 bgcolor=#00ffff>
<TR><TD><img src=http://pic.tiexue.net/pics/2007_4_7_80196_5180196.jpg border=0></TD></TR>
</TABLE>
實(shí)例二：在一個(gè)表格（矩形框）里顯示一句文字。
<TABLE border=5 width=600 bgcolor=#00ffff>
<TR><TD>在這里寫上要顯示的文字</TD></TR>
</TABLE>
<TABLE borderColor=#ff6600 height=300 cellSpacing=5 cellPadding=10 width=400 align=center（居中） bgColor=#ffff00 border=5>
<TBODY>
<TR>
<TD>例表</TD></TR></TBODY></TABLE>

<5>左右移動(dòng)字方法（二）：
代碼如下：
<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs./upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD></EMBED><BR><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100><FONT color=#ff00ff>
<P align=center><FONT face=隸書 color=#0000ff size=5>左右移動(dòng)的字！</FONT></P>
<P align=center><FONT face=隸書 color=#ff0000 size=5><B>左右移去的字！</B></FONT></P>
<P align=center><FONT face=隸書 color=#00ffff size=5>左右移去的字！</FONT></P>
<P align=center><FONT face=隸書 color=#ff00ff size=5>謝謝！</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

1.移動(dòng)代碼組合效果應(yīng)用示例二

<MARQUEE scrollamount=2 direction=left behavior=slide width=600 height=300 bgcolor=#DDF1FF > <MARQUEE scrollamount=2 direction=right width=600 height=300 bgcolor=#DDF1FF > <P align=center style="WRITING-MODE: tb-rl"><FONT style="Line-height: 20pt" face=黑體 color=#0099ff size=3> 琵琶行<BR> [唐]白居易<BR>潯陽(yáng)江頭夜送客，楓葉荻花秋瑟瑟。<BR>主人下馬客在船，舉酒欲飲無管弦。</FONT></P> </MARQUEE></MARQUEE>

2. 插入定位的透明動(dòng)畫代碼,例中將動(dòng)畫顯示在貼子表格中的右下角

<TABLE id=table0 style="LEFT: 1; POSITION: relative; TOP: 1px" cellSpacing=10 cellPadding=10 bgColor=#0099FF border=2 width=700 height=500>
<TBODY>
<TR>
<TD><EMBED <定位代碼>style="LEFT: 500px; POSITION: absolute; TOP: 200px" src=http://img./UploadFile/2006-6/200661710281759232.swf type=application/octet-stream wmode="transparent" quality="high" width=200 height=300></EMBED></TD>
</TR></TBODY></TABLE>

例中將動(dòng)畫顯示在貼子表格中的右下角
3.疊加多個(gè)透明動(dòng)畫，顯示特殊效果這也需要定位參數(shù)的支持。因?yàn)橹挥袑⑺袆?dòng)畫都定位到一個(gè)位置，才可能疊加。另外也不要疊加很多動(dòng)畫，會(huì)造成電腦顯示很慢。

</TD>
</TR></TBODY></TABLE>
4.羽化效果用于動(dòng)畫效果上

<EMBED src=http://www./up2005/2006526212841288.swf width=500 height=400

type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"

></EMBED>

</TD></TR></TBODY></TABLE>
5.為貼子加入背景音樂

代碼：<BGSOUND></BGSOUND>

背景音樂是作為頁(yè)面背景的，在頁(yè)面最小化時(shí)，音樂會(huì)自動(dòng)停止，再恢復(fù)頁(yè)面大小，音樂又會(huì)接著播放。

使用方法：<BGSOUND balance=0 src=" http://www./rm-mpg/rmdd/2laoshinih.mp3 " volume=-240 loop=infinite></BGSOUND>
6.使用播放器代碼播放音樂：一

LOOP=1，表示音樂自動(dòng)重復(fù)播放，=0表示只播放一遍。SHOW系列參數(shù)用以控制播放器的外觀顯示效果。AUTOSTART=1，表示打開貼子時(shí)自動(dòng)開始播放。
7.非版主會(huì)員如何發(fā)全屏的音畫，在發(fā)貼時(shí)，普通會(huì)員的表格最大邊框如果超過了700，表格邊框?qū)@示不全如：

<TABLE height=400 cellSpacing=0 width=960 bgColor=#ff00ff border=1>
<TBODY>
<TR>
<TD>
<TABLE height=300 cellSpacing=0 width=800 align=center background=http://olq./fbj/139.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=黑體 color=#ff00ff size=7>東湖社區(qū)</FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
8.上面的表格，外層表格邊框?qū)挾仁?60像素，內(nèi)層邊框?qū)挾仁?00像素，均無法正常顯示，受發(fā)貼區(qū)域大小的限制，只能看到一部分。只需在表格代碼的最前面加上：<BR><TD這樣表格就能以全屏顯示并自動(dòng)居,如：

<BR><TD>
<TABLE height=400 cellSpacing=0 width=960 bgColor=#ff00ff border=1>
<TBODY>
<TR>
<TD>
<TABLE height=300 cellSpacing=0 width=800 align=center background=http://olq./fbj/139.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=黑體 color=#ff00ff size=7>東湖社區(qū)</FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
9.

<6>HTML代碼[基礎(chǔ)篇]

size粗細(xì) color顏色 WIDTH寬度 height高度
------------------------------------------
<br>換行 <P></P>段落 ALIGN左右對(duì)齊方式 valign上下對(duì)齊方式
------------------------------------------------------------------------------------------
<HR>水平線段 (size粗細(xì) color顏色水平線的寬度width 水平線的長(zhǎng)度用占屏幕寬度的百分比或象素值來表示
align 水平線的對(duì)齊方式，有LEFT RIGHT CENTER三種 noshade 線段無陰影屬性，為實(shí)心線段)
------------------------------------------------------------------------------------------
文字<font 屬性></font>{(屬性:SIZE=取值1-7 face=字體)(粗體<B></B>.斜體<I></I>.加下劃線<U></U>.中間線<S></S>

字體上一點(diǎn)<sup></sup> 字體下一點(diǎn)<sub></sub>打字機(jī)字體<TT></TT>.大型字體<BIG></BIG>.小型字體<SMALL></SMALL>.

閃爍效果<BLINK></BLINK>.強(qiáng)調(diào)<EM></EM>.特別強(qiáng)調(diào)<STRONG></STRONG>.引證舉例<CITE></CITE>)

(字體:Script . Small Fonts . Roman . Comic Sans MS . Arial . Modern . MS Sans Serif)　

文字移動(dòng)<marquee>內(nèi)容</marquee>

方向：<marquee direction=>內(nèi)容</marquee> (屬性:左left右right)

方式：<marquee bihavior=>內(nèi)容</marquee> (屬性:一圈一圈繞著scroll走一次slide來回走alternate)　

速度: <marquee scrollamount=>內(nèi)容</marquee>

延時(shí): <marquee scrolldelay=>內(nèi)容</marquee>

向上: <marquee direction=up scrollamount=3>
<center><font color=顏色 size=大小 face=字體>內(nèi)容</font></marquee>

向下:<marquee direction=down scrollamount=3>
<center><font color=顏色 size=大小 face=字體>內(nèi)容</font></marquee>

底色: <marquee bgcolor=顏色>內(nèi)容</marquee> (屬性:WIDTH寬度 height高度)
-----------------------------------------------------------------------------
位置控制<DIV ALIGN=屬性></DIV>(屬性=LEFT左對(duì)齊缺省值 CENTER 居中 RIGHT右對(duì)齊)
-----------------------------------------------------------------------------
無序號(hào)列表<ul></ul>條目前加<LI>

序號(hào)列表<OL></OL>條目前加<LI>(<li type=實(shí)圓disc 空?qǐng)Acircle 實(shí)方square>

定義性列表<DL></DL>(<DT>主要<DD>敘述主要的定義)
-----------------------------------------------
表格的基本結(jié)構(gòu)

<table>...</table> 　定義表格(屬性width= height= border= CELLSPACING=格線間 CELLPADDING=格線內(nèi) 背景色彩bgcolor=)

<caption>...</caption>　定義標(biāo)題(屬性top上方.bottom下方)

<tr> 　定義表行 (橫夸colspan=幾格.豎夸rowspan=幾格背景顏色bgcolor=)

<th></th> 　定義表頭 (屬性:背景顏色bgcolor=)

<td></td> 　定義表元(表格的具體數(shù)據(jù).屬性ALIGN左右對(duì)齊方式valign上下對(duì)齊方式 top上middle中bottom下baseline基線
屬性:背景顏色bgcolor=)

(背景顏色:Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua)
--------------
超級(jí)鏈接

文字連接<A HREF=資源地址>鏈接文字</A>

圖片連接<A HREF=資源地址><IMG SRC=圖形文件地址></A>

-------------------------------------------
圖形格式

<IMG SRC=圖形文件地址>(屬性：width= heigth=)
--------------------------------------------
播放音樂/視頻

<EMBED SRC=音樂文件地址>(屬性:循環(huán)開/關(guān)LOOP=TRUE/FALSE 隱藏控制面板HIDDEN=TRUE/FALSE width= heigth=)

背景音樂

<bgsound src=音樂文件地址>(屬性:循環(huán)開/關(guān)LOOP=TRUE/FALSE)

視頻

<img src=1 dynsrc=2>(1指圖片地址.2指視頻地址.總是循環(huán)loop=infinite)(注:這個(gè)命令可以在沒連接到視頻時(shí),先顯示圖片)
1.貼歌代碼

1.背景音樂（適合　mid wma等格式）
<bgsound src=音樂網(wǎng)址 Loop=-1>,2.音頻（適合MP3 WMA RM等很多格式）

代碼如下：
<embed src=音樂網(wǎng)址 type=audio/x-pn-realaudio-plugin controls=ControlPanel,StatusBar AutoStart=true Loop=true width=400 height=40>

3.視頻
<embed src=視頻網(wǎng)址 type=audio/x-pn-realaudio-plugin controls=imagewindow,ControlPanel,StatusBar AutoStart=true Loop=true width=400 height=400>

4.FLASH
<embed src=網(wǎng)址 width=400 height=400>

說明：AutoStart=true　表示是否要音樂文件傳送完就自動(dòng)播放，TRUE是要，F(xiàn)ALSE是不要，默認(rèn)為true

Loop=true　表示設(shè)定播放重復(fù)次數(shù)，LOOP=3表示重復(fù)3次，true表示無限次播放，F(xiàn)ALSE播放一次即停止。

width=寬度 height=高度　可以設(shè)定控制播放器面板的大小，如果都設(shè)置為0就可以把播放器隱藏了
<7>.表格

1.掌握表格的以下屬性：
<tr> 　表行
<th> 　表頭
<td> 　表元(表格的具體內(nèi)容)
align定義表格的對(duì)齊方式，有三個(gè)屬性值center，left，right
background　定義表格的背景圖案，屬性值為圖片的地址
bgcolor　定義表格的背景顏色，屬性值是各種顏色代碼
border　定義表格的邊框?qū)挾?，屬性值是?shù)字
bordercolor　定義表格邊框的顏色，屬性值是各種顏色代碼
background　定義背景圖案
cellpadding　定義單元格內(nèi)容與單元格邊框之間的距離，屬性值是數(shù)字
cellspacing　定義表格中單元格之間的距離
height　定義表格的高度，屬性值是數(shù)字
width定　義表格的寬度，屬性值是數(shù)字
colspan　定義合并表格的列數(shù)，屬性值是數(shù)字
rowspan　定義合并表格的行數(shù)，屬性值是數(shù)字
1.彩色閃字代碼代碼：

<TBODY>

<TR>

<TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 50pt" face=隸書 color=#336699><B>風(fēng)語(yǔ)者會(huì)虛心接受與改正</B></FONT></TD></TR></TBODY></TABLE>
一代碼如下：（絕對(duì)定位愿代碼）

<table border="0" cellpadding="0" width="100%" style="position:absolute;z-index:100;border-collapse: collapse;left:0px;top:12px;width:(eval(document.body.clientWidth));background-color:transparent;" ><tr><td align="center">這里覆蓋需要定位的內(nèi)容</td></tr></table>
這個(gè)定位代碼自動(dòng)居中，解決了使用不同分辨率，或者寬屏幕電腦看定位內(nèi)容偏離的問題。
2.二代碼如下：（絕對(duì)定位+框架）
<table border="0" cellpadding="0" width="100%" style="position:absolute;z-index:100;border-collapse: collapse;left:0px;top:12px;width:(eval(document.body.clientWidth));background-color:transparent;" ><tr><td align="center"><IFRAME marginWidth=0 marginHeight=0 src="在文字上覆蓋地址" frameBorder=0 width=770 scrolling=no height=48></IFRAME> </td></tr></table>
自己上傳的FLSH導(dǎo)航欄，F(xiàn)LASH橫幅，播放器等等都需要絕對(duì)的居中，不能有一點(diǎn)偏離！把你上傳后打開的地址復(fù)制，然后粘貼覆蓋到代碼中的文字上覆蓋地址上，然后復(fù)制代碼-粘貼到模塊中，調(diào)整代碼中的上下數(shù)值，把你想要的效果放在特定的位置！

代碼中的數(shù)值說明：

top:12px上下位置的數(shù)值，數(shù)字越大，定位的東西越往下。（自動(dòng)居中，只調(diào)整上下即可）

width=770 框架的長(zhǎng) height=48 框架的寬可根據(jù)定位的東西自己調(diào)整。

實(shí)例1表格的基本結(jié)構(gòu):<tr> 表行　　<th>表頭　　<td> 表元(表格的具體內(nèi)容)的運(yùn)用

姓名性別年齡
王林男 25

代碼如下：
<table border=1>
<tr><th>姓名</th><th>性別</th><th>年齡</th>
<tr><td>王林</td><td>男</td><td>25</td>
</table>

實(shí)例2表格的基本結(jié)構(gòu):<tr> 表行　　<th>表頭　　<td> 表元(表格的具體內(nèi)容)的運(yùn)用

日期 9-11 11-13 13-14
旅游地點(diǎn) 青島黃山杭州

代碼如下：
<table border=1>
<tr><th>日期</th><td>9-11</td><td>11-13</td><td>13-14</td>
<tr><th>旅游地點(diǎn)</th><td>青島</td><td>黃山</td><td>杭州</td>
</table>

實(shí)例3.　一般情況下，表格的總長(zhǎng)度和總寬度是根據(jù)各行和各列的總和自動(dòng)調(diào)整的，如果我們要直接固定表格的大小，可以使用下列方式：width和height屬性分別指定表格一個(gè)固定的寬度和長(zhǎng)度，可以用數(shù)值來表示，也可以用百分比（與整個(gè)屏幕相比的大小比例）來表示。　格與格之間的線為格間線，它的寬度可以使用

中的CELLSPACING屬性加以調(diào)節(jié).

蘋果香蕉葡萄
200公斤 200公斤 100公斤

代碼如下：
<table width=300 height=100 border=3 cellspacing=5>
<tr><th>蘋果</th><th>香蕉</th><th>葡萄</th>
<tr><td>200公斤</td><td>200公斤</td><td>100公斤</td>
</table>

實(shí)例4.表格內(nèi)文字的對(duì)齊/布局.　表格中數(shù)據(jù)的排列方式有兩種，分別是左右排列和上下排列。左右排列是以ALIGN屬性來設(shè)置，而上下排列則由VALIGN屬性來設(shè)置。其中左右排列的位置可分為三種：居左（left)、居右(right)和居中(center)；而上下排列基本上比較常用的有四種：上齊(top)、居中(middle)、下齊(bottom)和基線(baseline)。

居左居中居右
A B C

代碼如下：
<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>

實(shí)例5.跨多行、多列的表元
要?jiǎng)?chuàng)建跨多行、多列的表元，只需在<TH>或<TD>中加入ROWSPAN或COLSPAN屬性，這兩個(gè)屬性的值，表明了表元中要跨越的行或列的個(gè)數(shù)。
跨多列的表元 <th colspan=#>　<td colspan=#>
colspan表示跨越的列數(shù)，例如colspan=2表示這一格的寬度為兩個(gè)列的寬度。
跨多行的表元 <th rowspan=#>　<td rowspan=#>　
rowspan所要表示的意義是指跨越的行數(shù)，例如rowspan=2就表示這一格跨越表格兩個(gè)行的高度。

值班人員
星期一星期二星期三
小雨南瓜小白

代碼如下：
<table border>
<tr><th colspan=3>值班人員 </th>
<tr><th>星期一</th><th>星期二</th><th>星期三</th>
<tr><td>小雨</td><td>南瓜</td><td>小白</td>
</table>

值班人員星期一星期二星期三
阿毒泉水翱翔

代碼如下：
<table border>
<tr><th rowspan=2>值班人員</th>
<th>星期一</th><th>星期二</th> <th>星期三</th></tr>
<tr><td>阿毒</td><td>泉水</td><td>翱翔</td></tr>
</table>

實(shí)例6.表格的顏色：
在表格中，既可以對(duì)整個(gè)表格填入底色，也可以對(duì)任何一行、一個(gè)表元使用背景色。
表格的背景色彩　　　<table bgcolor=#>
行的背景色彩　　　　<tr bgcolor=#>
表元的背景色彩　　　<th bgcolor=#>或 <td bgcolor=#>

彩電冰箱家電
A B

代碼如下：
<table border=2 bgcolor=aqua><tr><th bgcolor=ffaa00>彩電</th><th bgcolor=Red>冰箱</th><th rowspan=2>家電</th><tr bgcolor=yellow><td>A</td><td>B</td></table>
2.單邊框基本代碼：

<table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00顏色><td><img src=http://web./haoran/tp/lu/lu10.jpg圖片 width=500 height=375></td></table>
　
7.背景圖片上寫字:思?jí)艉止ぶ谱饕舢嬞N簡(jiǎn)易教程（二）

網(wǎng)絡(luò)上90％的頁(yè)面都是使用HTML標(biāo)識(shí)語(yǔ)言編寫的，因?yàn)镠TML是一種明文標(biāo)識(shí)語(yǔ)言，所以，一個(gè)網(wǎng)頁(yè)文件往往也就是一個(gè)純文本文件。
我們只要學(xué)會(huì)一些HTML標(biāo)識(shí)符（全部不超過130個(gè)標(biāo)識(shí)符），就可以用Windows的記事本編寫網(wǎng)頁(yè)程序。用“記事本”制作網(wǎng)頁(yè)是最簡(jiǎn)單、最原始的網(wǎng)頁(yè)制作技術(shù)，同時(shí)也是最高水平的網(wǎng)頁(yè)制作技術(shù)（因?yàn)槟軌蛴糜浭卤緦慔TML程序，意味著你對(duì)標(biāo)識(shí)語(yǔ)言已經(jīng)爛熟于心）

用記事本制作網(wǎng)頁(yè)的技術(shù)，不妨從如下幾個(gè)步驟開始：
1、在你的C、D、E、F任意個(gè)一個(gè)磁盤分區(qū)上創(chuàng)建一個(gè)工作目錄（文件夾），例如：MybbsWord
2、打開Windows記事本，寫好一個(gè)制作帖子的源代碼。將代碼以文件形式保存到MybbsWord文件夾里
3、保存文件時(shí)，將代碼文件保存為HTM格式，比如，欲將文件命名為a07408001，則保存的文件名為a07408001.htm
4、如果你不慎將文件保存為text格式，只需要將文件的擴(kuò)展名（后綴），修改為“.htm”就可以了。
5、htm格式的文件，俗稱超文本，可以用記事本打開閱讀源代碼，當(dāng)然也可以繼續(xù)編輯。
6、用鼠標(biāo)雙擊你已經(jīng)保存的a07408001.htm，瀏覽器會(huì)自動(dòng)打開顯示，這使得你能夠在發(fā)表帖子之前，就能在你的電腦上看到帖子的效果。

『每一課程兩題』

畫表格的語(yǔ)法實(shí)例：
<TABLE>
<TR><TD>第一行第一列</TD><TD>第一行第二列</TD></TR>
<TR><TD>第二行第一列</TD><TD>第二行第二列</TD></TR>
</TABLE>
這是簡(jiǎn)單的一個(gè)兩行兩列的表格。
最常見的音畫貼所使用的表格，一般都是只有一行一列的矩形框，或是只有一列的多行表格。

<TABLE>這個(gè)標(biāo)識(shí)符用來定義表格，要特別注意：這個(gè)標(biāo)識(shí)符一定要成對(duì)，而且嵌套表格時(shí)不能騎跨，否則將得不到預(yù)想的顯示的效果。<TABLE>標(biāo)識(shí)定義表格的開始，</TABLE>標(biāo)識(shí)定義表格的結(jié)束。表格的行和列，必須包含在<TABLE>和</TABLE>之間。
<TABLE>這個(gè)標(biāo)識(shí)符有很多屬性，利用其不同屬性可以設(shè)置表格的樣式，比如：表格是否有邊框，邊框線的粗細(xì)，背景顏色、背景圖案、表格的寬度（象素），表格內(nèi)元素與表格邊框的距離，表格與外層容器之間的距離等等。

border=n（n代表任意一個(gè)數(shù)值）
該屬性用來定義表格的邊框線粗細(xì)，n為零表示該表格沒有邊框（或不顯示邊框）
例如：<TABLE border=1>

width=n（n代表任意一個(gè)數(shù)值，最大值不應(yīng)超過網(wǎng)頁(yè)寬度的最大象素）
該屬性用來定義表格的寬度。定義表格的高度可以使用height=n，原理一樣。如果想定義一個(gè)寬度600象素的表格如下
例如：<TABLE border=1 width=600>

cellSpacing=n （n代表任意一個(gè)數(shù)值）
該屬性用來設(shè)置表格單元格中內(nèi)容與表格邊框的距離，n為零表示允許單元格里的元素靠近邊框。
cellPadding=n（n代表任意一個(gè)數(shù)值）
該屬性用來設(shè)置表格與外層容器的邊距，n為零表示表格沒有邊框距離。
cellSpacing和cellPadding是制作音畫貼最重要的兩個(gè)屬性。也就是說音畫貼里的表格必須有這兩個(gè)屬性。
例如：<TABLE cellSpacing＝3 cellPadding＝12 border=1 width=600 bgcolor=#00ffff>

<TR>和</TR>定義表格的行，一對(duì)定義一行，可用多次重復(fù)定義任意數(shù)量的行。畫表格的時(shí)候，一定要先分“行”，再分“列”。
<TR>這個(gè)標(biāo)識(shí)符，也有屬性，但沒有必要使用。因?yàn)閷?duì)表格單元格的樣式修飾，可以通過<TD>的屬性設(shè)置來實(shí)現(xiàn)。

<TD>和</TD>定義表格的列，一對(duì)定義一列，可用多次重復(fù)定義任意數(shù)量的列。表格分列的原則是，必須要在“行”里分列，通俗地理解就是表格外框包含行，行里包含列，最后畫成表格。
前面說過，表格的單元格是用來裝入網(wǎng)頁(yè)元素的容器，而容器裝東西的位置就是<TD>與</TD>之間的位置。
實(shí)例一：在一個(gè)表格（矩形框）里顯示一張圖片。
<TABLE border=5 width=600 bgcolor=#00ffff>
<TR><TD><img src=http://pic.tiexue.net/pics/2007_4_7_80196_5180196.jpg border=0></TD></TR>
</TABLE>
實(shí)例二：在一個(gè)表格（矩形框）里顯示一句文字。
<TABLE border=5 width=600 bgcolor=#00ffff>
<TR><TD>在這里寫上要顯示的文字</TD></TR>
</TABLE>

例如：<TD width=100 height=40>（寬度100象素，高度40象素）
語(yǔ)法：<FONT face="字體" size="字號(hào)" color="顏色">被自定義字體樣式、大小和特定顏色的文字</FONT>
（二）如何在網(wǎng)頁(yè)中播放音樂
語(yǔ)法：<EMBED src="音樂文件的地址" type="audio/mpeg" autostart="1" showstatusbar="0" loop="true"></EMBED>
<EMBED></EMBED>這一對(duì)標(biāo)識(shí)符，用來在網(wǎng)頁(yè)上播放音樂或Flash動(dòng)畫。但是播放那個(gè)音樂和播放動(dòng)畫使用的屬性是不同的。
播放音樂的<EMBED>標(biāo)識(shí)符無需先用<OBJECT>控制，就可在網(wǎng)頁(yè)里使用。事實(shí)上可將該標(biāo)識(shí)符看作是一個(gè)媒體播放器，它的基本屬性如下：

src="音樂文件的地址"
用src屬性設(shè)定音樂文件在網(wǎng)絡(luò)上所在的真實(shí)地址（URL），一般是“域名+目錄文件夾名稱＋文件名”，引用地址的原則和方法與顯示圖片的語(yǔ)法是一樣的。例如：http://jiangwenjun./mymusic/qqlove.mp3。其中“http://jiangwenjun.”是域名地址，“mymusic”

是服務(wù)器域名下的文件夾名稱，“qqlove.mp3”是音樂文件的名稱，從該文件名的后綴看出，音樂文件的格式是mp3。
網(wǎng)絡(luò)上的音樂文件有很多格式，常見的格式是：mp3、wav、wma、mid和rm，文件名的后綴就表示該文件的格式。Flash動(dòng)畫的格式是swf。

type="audio/mpeg"
該屬性用來申明播放器的類型和播放模式，如果未申明播放器的類型，瀏覽器默認(rèn)用“Microsoft Windows media player”播放音樂
其中的“audio/mpeg”表示，可支持播放的模式是“聲音/視頻流”。

autostart="1"
該屬性用來設(shè)置播放器是否自動(dòng)加載媒體文件，并自動(dòng)開始播放。autostart="1" 表示自動(dòng)開始，autostart="0"表示不自動(dòng)開始（需要手動(dòng)操

作才能播放，這需要用鼠標(biāo)去點(diǎn)擊媒體播放器面板上的播放按鈕）autostart="1" 和autostart="true"是等價(jià)的。

showstatusbar="0"
該屬性用來設(shè)置是否顯示播放器的操作工具欄或按鈕面板。showstatusbar="0" 表示不顯示，showstatusbar="1" 表示顯示。

loop="true"
該屬性用來設(shè)置是否自動(dòng)循環(huán)播放，loop="true"表示允許自動(dòng)循環(huán)播放，loop="false"表示不允許自動(dòng)循環(huán)播放（只播放一遍就停止）。true

和false是瀏覽器支持的VB/VBS腳本語(yǔ)言的兩個(gè)邏輯值“真”和“假”，邏輯值為“真”時(shí)，循環(huán)成立。

hidden="true"
該屬性用來設(shè)置播放器在網(wǎng)頁(yè)上（帖子里）是否可見，hidden="true"表示隱藏播放器，不使用該屬性時(shí)，默認(rèn)顯示播放器。
有時(shí)候使用該屬性無法隱藏掉播放器，是因?yàn)闉g覽器的安全設(shè)置限制了VB腳本的有效性?？梢栽?lt;EMBED>標(biāo)識(shí)符里使用設(shè)置播放器顯示區(qū)域尺寸的方法隱藏掉播放器。如：width=0 height=0

隱藏播放器，播放背景音樂的實(shí)例：
<EMBED src="音樂文件的地址" width=0 height=0 type="audio/mpeg" autostart="1" showstatusbar="0" loop="true"></EMBED>

備注：
1、如果是一個(gè)多行多列的表格，第一行定義了多少列，以下的各行，一定要有相同數(shù)量的列，否則表格顯示出來就不規(guī)則。
2、在<TD>里設(shè)置align和valign兩個(gè)屬性，可以控制單元格里內(nèi)容的相對(duì)位置，align=center（左右居中），valign=middle（上下居中）。
3、可以單獨(dú)設(shè)置一個(gè)單元格的背景顏色，例如：<TD bgcolor=blue>或<TD bgcolor=#cccccc>
4、可以設(shè)置一個(gè)單元格的尺寸（會(huì)影響別的單元格的尺寸），例如：<TD width=100 height=40>（寬度100象素，高度40象素）
5、在表格中嵌套表格，就是在單元格里再定義一個(gè)表格。實(shí)例如下：
<TABLE cellSpacing＝3 cellPadding＝12 border=1 width=600 bgcolor=#00ffff>
<TR><TD valign=middle align=center>
<table cellSpacing＝3 cellPadding＝2 width=90% bgcolor=#000adc border=1>
<tr><td>
......在這里還可以嵌套表格
</td></tr>
</table>
</TD></TR>
</TABLE>

第二題、如何實(shí)現(xiàn)動(dòng)態(tài)文字之一（走馬燈效果演示）
語(yǔ)法：<MARQUEE>需要演示的走馬燈文字和圖片</MARQUEE>

<MARQUEE>這個(gè)標(biāo)識(shí)符，用來定義網(wǎng)頁(yè)元素走馬燈演示的動(dòng)態(tài)效果，該標(biāo)識(shí)必須成對(duì)使用，如果沒有</MARQUEE>結(jié)束定義，<MARQUEE>之后的所有網(wǎng)頁(yè)內(nèi)容會(huì)全都到處亂跑。
<MARQUEE>的主要屬性及其使用方法如下：
direction=M
該屬性用來定義走馬燈的方向，“M”是一個(gè)代表方向的關(guān)鍵字。
direction=up（從下向上），direction=left（從右向左），direction=right（從左向右）
scrollDelay=n（n代表任意一個(gè)數(shù)值）
該屬性用來設(shè)置走馬燈的演示速度，即一次移動(dòng)和下一次移動(dòng)之間的時(shí)間間隔，數(shù)值越大，移動(dòng)速度越慢。
scrollAmount=n（n代表任意一個(gè)數(shù)值）
該屬性用來設(shè)置走馬燈的演示步長(zhǎng)，即一次移動(dòng)多少距離，例如：scrollAmount=3表示一次移動(dòng)3象素的距離。
width=n
該屬性用來設(shè)置走馬燈演示區(qū)域的寬度，該寬度如果超過了網(wǎng)頁(yè)的寬度，則無效。
height=n
該屬性用來設(shè)置走馬燈演示區(qū)域的高度，如果是從下網(wǎng)上演示字幕，設(shè)置適當(dāng)?shù)膮^(qū)域高度很重要。
完整的語(yǔ)法實(shí)例：
<MARQUEE scrollAmount=1 scrollDelay=150 direction=left width=520 height=28>
在這里寫上你要演示的所有的文字.......
</MARQUEE>
思?jí)艉止ぶ谱饕舢嬞N簡(jiǎn)易教程（二）
網(wǎng)絡(luò)上90％的頁(yè)面都是使用HTML標(biāo)識(shí)語(yǔ)言編寫的，因?yàn)镠TML是一種明文標(biāo)識(shí)語(yǔ)言，所以，一個(gè)網(wǎng)頁(yè)文件往往也就是一個(gè)純文本文件。
我們只要學(xué)會(huì)一些HTML標(biāo)識(shí)符（全部不超過130個(gè)標(biāo)識(shí)符），就可以用Windows的記事本編寫網(wǎng)頁(yè)程序。用“記事本”制作網(wǎng)頁(yè)是最簡(jiǎn)單、最原始的網(wǎng)頁(yè)制作技術(shù)，同時(shí)也是最高水平的網(wǎng)頁(yè)制作技術(shù)（因?yàn)槟軌蛴糜浭卤緦慔TML程序，意味著你對(duì)標(biāo)識(shí)語(yǔ)言已經(jīng)爛熟于心）

『每一課程兩題』

第一題、如何在網(wǎng)頁(yè)里畫表格，并利用表格組織顯示圖片和文字？

表格一般有若干行和若干列構(gòu)成的方格組成，所以表格也稱“網(wǎng)格”。和我們?cè)趯?shí)際生活中用到的表格（例如：課程表）一樣，文字是應(yīng)該寫在方格子里的，表格的“方格子”，叫做單元格，每個(gè)單元格都是一個(gè)容器，其它所有的網(wǎng)頁(yè)元素都可以放在這些容器中，也就是說，你可以把圖片、文字、音樂、動(dòng)畫全都安排顯示在指定的單元格里。你甚至可以在一個(gè)表格的某個(gè)單元格里，再裝入另一個(gè)表格，這就叫“嵌套表格”，表格是可以層層嵌套的，很多音畫貼的外圍邊框，正是一層套一層的表格做出來的。
畫表格的語(yǔ)法實(shí)例：
<TABLE>
<TR><TD>第一行第一列</TD><TD>第一行第二列</TD></TR>
<TR><TD>第二行第一列</TD><TD>第二行第二列</TD></TR>
</TABLE>
這是簡(jiǎn)單的一個(gè)兩行兩列的表格。
最常見的音畫貼所使用的表格，一般都是只有一行一列的矩形框，或是只有一列的多行表格。

border=n（n代表任意一個(gè)數(shù)值）
該屬性用來定義表格的邊框線粗細(xì)，n為零表示該表格沒有邊框（或不顯示邊框）
例如：<TABLE border=1>

bgcolor="X"
該屬性用來定義表格的背景顏色?！癤”表示一個(gè)16進(jìn)制的數(shù)字（0－9的數(shù)字和a-e的字母），例如：feb034。fe代表紅色值，b0代表黃色值，34代表藍(lán)色值，三種不同的單元色，最后混合成一個(gè)復(fù)合色。
使用16進(jìn)制顏色代碼，一般要在顏色代碼前加上一個(gè)“#”號(hào)，例如：bgcolor=#ff00de。
有些單色可以用英文單詞定義，red（紅色），blue（藍(lán)色），yellow（黃色），green（綠色），例如：bgcolor=yellow
顏色的定義，還能使用VB腳本語(yǔ)言的函數(shù)，例如：bgcolor=RGB(255,128,32),RGB()是一個(gè)調(diào)色函數(shù)，括弧內(nèi)的三個(gè)參數(shù)分別代表紅綠藍(lán)三種顏色的色度值。
定義表格背景顏色最常用的語(yǔ)法是bgcolor=#000dea
例如：<TABLE border=1 width=600 bgcolor=#00ffff>
cellSpacing=n （n代表任意一個(gè)數(shù)值）
該屬性用來設(shè)置表格單元格中內(nèi)容與表格邊框的距離，n為零表示允許單元格里的元素靠近邊框。
cellPadding=n（n代表任意一個(gè)數(shù)值）
該屬性用來設(shè)置表格與外層容器的邊距，n為零表示表格沒有邊框距離。
cellSpacing和cellPadding是制作音畫貼最重要的兩個(gè)屬性。也就是說音畫貼里的表格必須有這兩個(gè)屬性。
例如：<TABLE cellSpacing＝3 cellPadding＝12 border=1 width=600 bgcolor=#00ffff>

第二題、如何實(shí)現(xiàn)動(dòng)態(tài)文字之一（走馬燈效果演示）
語(yǔ)法：<MARQUEE>需要演示的走馬燈文字和圖片</MARQUEE>

總結(jié)：在帖子里發(fā)一張圖片，使用嵌套表格給圖片加上邊框，并且給圖片配上走馬燈注釋文字。
<DIV align=center><CENTER>
<TABLE cellSpacing＝3 cellPadding＝12 border=1 width=600 bgcolor=#00ffff>
<TR><TD valign=middle align=center>
<table cellSpacing＝3 cellPadding＝2 width=90% bgcolor=#000adc border=1>
<tr><td>
<IMG src=http://image2.sina.com.cn/sms/sinapic/27124406-index.gif>
</td></tr>
<tr><td height=28>
<MARQUEE scrollAmount=2 scrollDelay=30 direction=left width=520 height=28>頤和深鎖亡國(guó)恨，玉蘭出墻春眠驚</MARQUEE>
</td></tr>
</table>
</TD></TR>
</TABLE>
</CENTER></DIV>
<4>
<TABLE borderColor=#750e24 height=400 cellPadding=10 width=500 align=center background=http://qq-p1./20081126/lovelydiandian-183534-55-0.jpg border=4 table="3">
<TBODY>
<TR>
<TD>
<P align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/82.swf width=470 height=350 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></P>
<DIV align=center><EMBED src=http:///soft/mp3/haodaykshu.mp3 width=0 height=0 type=audio/x-pn-realaudio-plugin loop="true" autostart="true" c?ControlPanel,StatusBar?></EMBED></DIV></TD></TR></TBODY></TABLE>
<DIV align=center>
<P> </P>
<P> </P></DIV></TD></TR></TBODY></TABLE>

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來自：深山泉水叮當(dāng) > 《待分類》

舉報(bào)/認(rèn)領(lǐng)