HTML代碼實際應用講解

07-11

貼歌代碼1.背景音樂（適合　mid wma等格式）

2.音頻（適合MP3 WMA RM等很多格式）

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

3.視頻

4.FLASH <embed src=網址 width_=400 height=400>說明：AutoStart=true　表示是否要音樂文件傳送完就自動播放，TRUE是要，FALSE是不要，默認為trueLoop=true　表示設定播放重複次數，LOOP=3表示重複3次，true表示無限次播放，FALSE播放一次即停止。width_=寬度 height=高度　可以設定控制播放器面板的大小，如果都設置為0就可以把播放器隱藏了。

4. 播放器顏色

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

實例1表格的基本結構:<tr> 錶行　　<th>表頭　　<td> 表元(表格的具體內容)的運用

/P>

姓名	性別	年齡
小小	女	25

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

實例2表格的基本結構:<tr> 錶行　　<th>表頭　　<td> 表元(表格的具體內容)的運用

/P>

日期	9-11	11-13	13-14
旅遊地點	青島	黃山	上海

代碼如下： <table border=1> <tr><th>日期</th><td>9-11</td><td>11-13</td><td>13-14</td> <tr><th>旅遊地點</th><td>青島</td><td>黃山</td><td>上海</td> </table>

實例3.　一般情況下，表格的總長度和總寬度是根據各行和各列的總和自動調整的，如果我們要直接固定表格的大小，可以使用下列方式：width和height屬性分別指定表格一個固定的寬度和長度，可以用數值來表示，也可以用百分比（與整個屏幕相比的大小比例）來表示。　格與格之間的線為格間線，它的寬度可以使用CELLSPACING屬性加以調節

/P>

love	music	friend
100	100	100

代碼如下： <table width_=300 height=100 border=3 cellspacing=5> <tr><th>love</th><th>music</th><th>friend</th> <tr><td>100</td><td>100</td><td>100</td> </table>

實例4.

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

/P>

居左	居中	居右
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>

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

/P>

安排
星期一	星期二	星期三
蝴蝶	隨風	路過

代碼如下： <table border> <tr><th colspan=3>安排 </th> <tr><th>星期一</th><th>星期二</th><th>星期三</th> <tr><td>蝴蝶</td><td>隨風</td><td>路過</td> </table>

/P>

安排	星期一	星期二	星期三
安排	蝴蝶	隨風	路過

代碼如下： <table border> <tr><th rowspan=2>值班人員</th> <th>星期一</th><th>星期二</th> <th>星期三</th></tr> <tr><td>蝴蝶</td><td>隨風</td><td>路過</td></tr> </table>

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

音樂	欣賞	頂頂
A	B	頂頂

代碼如下： <table border=2 bgcolor=pink><tr><th bgcolor=green>音樂</th><th bgcolor=Red>欣賞</th><th rowspan=2>頂頂</th><tr bgcolor=yellow><td>A</td><td>B</td></table>

以前介紹過幾個播放器今天再給大家補充幾個（這個不是自己寫的是轉來的原作者卡卡）

以前經常有人會問我如何在頁面中加入播放器？可以在編輯時點擊插入播放器而無需用到HTML代碼。但是，千篇一律的款式是不是會讓人久而生厭呢？其實，要想讓你自己的網頁變得生動，一款漂亮的，合乎頁面整體設計的播放器就顯得極其重要了。現在卡卡為你推薦一些漂亮的播放器，你只需複製代碼放入你的文章里，就可以使用了。

一、幾款最常用的播放器

代碼如下(EMBED src="歌曲地址" width_=300 height=50 type=audio/mpeg loop="-1" autostart="FALSE" volume="0")

代碼如下(EMBED style="FILTER: invert()" src="歌曲地址" width_=300 height=50 type=audio/mpeg volume="0" autostart="TRUE" loop="true")

代碼如下(EMBED style="FILTER: Xray" src=歌曲地址 width_=300 height=05 type=audio/mpeg loop="-1" autostart="false" volume="0")

代碼如下(EMBED style="FILTER: GRAY()" src="歌曲地址" width_=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0")

重要提示：1 複製時務必將（EMBED。。。）前後的括弧（）替換成<>。這點非常重要。2 WIDTH代表播放器寬度，HEIGHT代表高度，後面的數值可依自己喜好進行調整。3 AUTOSTART="TRUE" 這裡TRUE代表自動播放，如果換成FALSE則代表手動播放。

二、裝飾美化你的播放器

有了基本的款式後，我們就可以根據自己的想像力，巧用HTML的表格，根據自己的圖片素材，裝飾美化自己的播放器啦。只要你有足夠的創意，調整代碼，就可以得到各式各樣的播放器。這裡卡卡拋磚引玉先介紹幾款。

首先我們可以為黑色播放器加上一個邊緣(中間綠底的部分為原黑色播放器代碼)

當然也可以為藍色播放器加上粉色邊緣(中間粉底部分為原藍色播放器代碼)

代碼如下

還可以將播放器置於一個單獨的表格里，並加上表格的透明特效，播放器上的花紋就是表格的底圖。(中間紫底部分的為原藍色播放器代碼)

代碼如下:<TABLE borderColor=#4f3256 align=center background=http://image8.360doc.com/DownloadImg/2010/03/1812/2587233_1.png border=1><TBODY><TR><TD style="FILTER: alpha (opacity=50,style=3)"><P align=center> <EMBED src=歌曲地址width_=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE>

還可以利用動態的GIF背景做成動態播放器(中間藍底部分為原來的灰色播放器代碼

代碼如下:<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://www.yhbbs.com/UploadFile/2004-12/2004123023101352.gif border=2><TBODY><TR><TD><TABLE align=center border=0><TBODY><TR><TD style="FILTER: alpha (opacity=60,style=3)"><P align=center><EMBED style="FILTER: Gray" src=歌曲地址 width_=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY> </TABLE>

甚至還可以將動態背景只在播放器底部運行中間棕底字體為原灰色播放器代碼

代碼如下<TABLE height=40 cellSpacing=0 cellPadding=0 width_=300 background=http://bbs.guqu.net/UploadFile/2005-4/20054302075888035.gif border=1><TBODY><TR><TD><TABLE style="FILTER: Chroma (Color="#000000")" height=40 cellSpacing=0 cellPadding=0 width_=300 border=0><TBODY><TR><TD><P align=center><EMBED style="FILTER: Gray" src=歌曲地址 width_=300 height=40 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE></TD>< /TR></TBODY></TABLE>

　文章引用自: http://www.topchinesenews.com/listo.aspx?level_string=0&topic_id=16&msg_id=23898
推薦閱讀：

※一個風水師的自述：四靈山訣在風水中的實際運用7
※應當反思，中越戰爭實際上是雖勝猶敗的戰爭
※中2條以上，表面是淑女，實際是渣女
※原命局實際旺衰具體判定方法
※七、直指自心實際

TAG:代碼 | HTML | 實際 |