日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

搜索
分享

html語言6——10

 吉祥如意988 2012-05-05

多媒體頁面

+嵌入多媒體文本--音樂類

基本語法 <embed src=#> #=地址

本標記可以用來在主頁中嵌入多媒體文本，如：音樂 ... ...

+背景音樂 注;只能用于IE

<bgsound src="音樂文件地址" loop=#>
<loop=#> #=循環(huán)數(shù)

（背景音樂）完整的代碼如下

<bgsound src=;http://dnd0756./domName/dnd0756/200732411282669829.wma; loop=1>


示例 


+載入音樂（播放器）


基本語法：

常用屬性如下：

src="音樂文件地址，（后綴必須是wav wma mid mp3）" 設(shè)定 midi 檔案及路徑，可以是相對或絕對。 

autostart=true 
是否在音樂檔下載完之后就自動播放。true 是，false 否 (內(nèi)定值)。

loop="true" 
是否自動反復(fù)播放，true 是， false 否。LOOP=2 表示重復(fù)播放兩次，LOOP="-1"表示無限數(shù)播放。  

  height="高的整數(shù)"和width="寬的整數(shù)"
設(shè)定控制面板的高度和寬度。


（播放器）完整的代碼如下
<embed src="http://dnd0756./domName/dnd0756/200612313472614403.wma" type="audio/x-pn-realaudio-
plugin" controls="ControlPanel,StatusBar" height=40 width=320 autostart="false" loop="1">


示例 

手動點擊按鈕播放


 
 
+嵌入多媒體文本--電影視頻 
+插入視頻剪輯 注;插入視頻文件的格式只能是后綴wmv.avi或asf
<img src="圖片地址"dynsrc="視頻文件地址">
用 gif 這一 GIF 圖象作為視頻的封面，即：在瀏覽器
尚未完全讀入 視頻 文件時，先在 視頻 播放區(qū)域顯示該圖象。
用 視頻文件 這一 視頻wmv.avi文件來播放視頻；
完整的代碼如下



<img src="http://image51.360doc.com/DownloadImg/2012/05/0519/23748591_3.jpg
"dynsrc="http://dnd0756./domName/dnd0756/200762513262487490.avi">




示例




何時開始播放 視頻 <img start=#>#=fileopen, mouseover


缺省值是 #=fileopen，即在鏈接到含本標記的頁面(如本頁)時開始播放視頻。

mouseover 是指您把鼠標移到 視頻 播放區(qū)域之上時才開始播放 視頻。

也可以兩者同時設(shè)置：<img start=fileopen,mouseover>

另外，用鼠標在 AVI 播放區(qū)域點擊一下，也將令瀏覽器開始播放該 視頻。


完整的代碼如下

<img src="http://image51.360doc.com/DownloadImg/2012/05/0519/23748591_3.jpg"
 dynsrc="http://dnd0756./domName/dnd0756/200762513262487490.avi" start=mouseover>




示例


把鼠標移到畫面上來試試看





（帶播放器的視頻）完整的代碼如下

<embed src="http://www./blog/attachments/范思威-新身不由己.wmv"type="audio/x-pn-realaudio- 
plugin"controls="ControlPanel,StatusBar"height=250 width=320 autostart="false"loop="1">


示例


手動點擊按鈕播放
 

+插入Flash動畫


基本語法 <embed src=#> #=地址

<embed src="Flash文件地址" quality=high>

完整的代碼如下
<embed src="http://www./lashfile//2005/music/3/56/20065119288.swf"
quality=high width="350" height="250">注;width="350"height="250"是畫面的寬度與高度
示例

 

 

表格☆☆☆☆標記

+ 表格的基本語法

<table>...</table> - 定義表格
<tr> - 定義表行
<th> - 定義表頭
<td> - 定義表元(表格的具體數(shù)據(jù))

帶邊框的表格： 
代碼如下

<table border>
<tr><th>內(nèi)容1</th><th>內(nèi)容2</th><th>內(nèi)容3</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>

例式 
                    
內(nèi)容1內(nèi)容2內(nèi)容3
ABC





不帶邊框的表格：

代碼如下

<table>
<tr><th>內(nèi)容1</th><th>內(nèi)容2</th><th>內(nèi)容3</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>

例式 
                
內(nèi)容1內(nèi)容2內(nèi)容3
ABC


+  跨多行、多列的表元


跨多列的表元<th colspan=#>


代碼如下

<table border>
<tr><th colspan=3> 標題</th>
<tr><th>內(nèi)容</th><th>內(nèi)容</th>  <th>內(nèi)容</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

例式 
            
標題
內(nèi)容內(nèi)容內(nèi)容
ABC


跨多行的表元 <th rowspan=#>


代碼如下

<table border>
<tr><th rowspan=3>標題內(nèi)容</th>
<th>內(nèi)容</th> <td>A</td></tr>
<tr><th>內(nèi)容</th> <td>B</td></tr>
<tr><th>內(nèi)容</th> <td>C</td></tr>
</table>

例式 
        
標題內(nèi)容內(nèi)容A
內(nèi)容B
內(nèi)容C


+  表格尺寸設(shè)置


<table border=#>

邊框尺寸設(shè)置：

代碼如下

<table border=10>
<tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>

例式 
    
內(nèi)容內(nèi)容內(nèi)容
ABC


<table border width=# height=#>

表格尺寸設(shè)置：

代碼如下

<table border width=170 height=100>
<tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容
ABC


<table border cellspacing=#>

表元間隙設(shè)置：

代碼如下

<table border cellspacing=10>
<tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容
ABC


<table border cellpadding=#>

表元內(nèi)部空白設(shè)置：

代碼如下

<table border cellpadding=10>
<tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容
ABC


+  表格內(nèi)文字的對齊/布局


<tr align=#> 


<th align=#>#=left-左, center-中, right-右


<td align=#> 


代碼如下

<table border width=160>
<tr>
<th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
<tr><td align=left>左</td><td align=center>中</td><td align=right>右</td></table>

例式 

內(nèi)容內(nèi)容內(nèi)容
左中右


<tr valign=#> 


<th valign=#>注; #=top-上面, middle-中間, bottom-底部, baseline-基礎(chǔ)線


<td valign=#> 


代碼如下

<table border height=100>
<tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
<tr><td valign=top>上面</td> <td valign=middle>中間</td> <td valign=bottom>底部</td> <td valign=baseline>基礎(chǔ)</td>
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容內(nèi)容
上面中間底部基礎(chǔ)


+  表格在頁面中的對齊/布局


<table align=left> 


代碼如下

<table align="left" border><tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>
文字內(nèi)容...<br>
文字內(nèi)容.




例式 

內(nèi)容內(nèi)容內(nèi)容
ABC

文字內(nèi)容...

文字內(nèi)容... 


+  表格的標題 


代碼如下

<caption align=#> ... </caption> 注;#=left-左, center-中, right-右


<table border>
<caption align=center>文字標題</caption>
<tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>

例式 


文字標題
  
內(nèi)容內(nèi)容內(nèi)容
ABC


<caption valign=#>... </caption> 注;#=top-上面, bottom-下面


代碼如下

<table border>
<caption valign=bottom>文字標題</caption>
<tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>


例式 


文字標題
  
內(nèi)容內(nèi)容內(nèi)容
ABC


 
 
表格進階
+ 表格的色彩
表元的背景色彩和背景圖象
<th bgcolor=#> 
<th background="URL">注;只能用于IE 
#=rrggbb 16 進制 RGB 數(shù)碼, 或者是下列預(yù)定義色彩名稱：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, 
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 
代碼如下 
<table border>
<tr><th bgcolor=Yellow>黃色</th>
    <th bgcolor=Red>紅色</th>
    <th rowspan=2 background="http://image51.360doc.com/DownloadImg/2012/05/0519/23748591_9.gif">.gif</th>
<tr bgcolor=white><td>A</td><td>B</td>
</table>

例式  
黃色紅色.gif
AB
表格邊框的色彩 注;只能用于IE
<table bordercolor=#>
代碼如下 
<table cellspacing=5 border=5 bodercolor=#ffaa00>
<tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>

例式  
內(nèi)容內(nèi)容內(nèi)容
ABC
表格邊框色彩的亮度控制 注;只能用于IE
<table bordercolorlight=#>
<table bordercolordark=#> 
代碼如下 
<table cellspacing=5 border=5 
     bordercolorlight=White bordercolordark=Maroon>
<tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
<tr><td>A</td><td>B</td><td>C</td>      
</table>

例式  
內(nèi)容內(nèi)容內(nèi)容
ABC
+表格的分組顯示 注;只能用于IE
按行分組 
<thead> ... </thead> - 表的題頭

<tbody> ... </tbody> - 表的正文

<tfoot> ... </tfoot> - 表的腳注

代碼如下

<table border>
<thead>
     <tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
</thead>
<tbody>
     <tr><td>A</td><td>B</td><td>C</td>
     <tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容
ABC
DEF


按列分組 

<colgroup align=#> #=left, right, center 

代碼如下

<table border width=160>
<colgroup align=left>
<colgroup align=center>
<colgroup align=right>
     <thead>
          <tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
     </thead>
     <tbody>
          <tr><td>左</td><td>中</td><td>右</td>
          <tr><td>左</td><td>中</td><td>右</td>
     </tbody>
</table>

例式 


  
內(nèi)容內(nèi)容內(nèi)容
左中右
左中右


列的屬性控制 

<col span=#> #=從左數(shù)起，具有指定屬性的列的列數(shù)

<col align=#> #=left, right, center 

代碼如下

<table border width=160>
<colgroup>
     <col align=center span=2>
<colgroup align=right>
     <thead>
          <tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
     </thead>
     <tbody>
          <tr><td>A</td><td>B</td><td>C</td>
          <tr><td>D</td><td>E</td><td>F</td>
     </tbody>
</table>


例式 


  
內(nèi)容內(nèi)容內(nèi)容
ABC
DEF


+  表格中邊框的顯示 注;只能用于IE


顯示所有 4 個邊框 <table frame=box>

代碼如下

<table border frame=box>
<thead>
     <tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
</thead>
<tbody>
     <tr><td>A</td><td>B</td><td>C</td>
     <tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容
ABC
DEF


只顯示上邊框 <table frame=above>

代碼如下

<table border frame=above>
<thead>
     <tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
</thead>
<tbody>
     <tr><td>A</td><td>B</td><td>C</td>
     <tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容
ABC
DEF


只顯示下邊框 <table frame=below>

代碼如下

<table border frame=above>
<thead>
     <tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
</thead>
<tbody>
     <tr><td>A</td><td>B</td><td>C</td>
     <tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容
ABC
DEF


只顯示上、下邊框 <table frame=hsides>

代碼如下

<table border frame=hsides>
<thead>
     <tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
</thead>
<tbody>
     <tr><td>A</td><td>B</td><td>C</td>
     <tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容
ABC
DEF


只顯示左、右邊框 <table frame=vsides>

代碼如下

<table border frame=vsides>
<thead>
     <tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
</thead>
<tbody>
     <tr><td>A</td><td>B</td><td>C</td>
     <tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容
ABC
DEF


只顯示左邊框 <table frame=lhs>

代碼如下

<table border frame=above>
<thead>
     <tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
</thead>
<tbody>
     <tr><td>A</td><td>B</td><td>C</td>
     <tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容
ABC
DEF


只顯示右邊框 <table frame=rhs>

代碼如下

<table border frame=rhs>
<thead>
     <tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
</thead>
<tbody>
     <tr><td>A</td><td>B</td><td>C</td>
     <tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容
ABC
DEF




不顯示任何邊框 <table frame=void>

代碼如下

<table border frame=void>
<thead>
     <tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
</thead>
<tbody>
     <tr><td>A</td><td>B</td><td>C</td>
     <tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容
ABC
DEF


+  表格中分隔線的顯示 注;只能用于IE




顯示所有分隔線 <table rules=all> 

代碼如下

<table border rules=all>
<colgroup><col align=center span=2>
<colgroup align=right>
     <thead>
          <tr><th>Food</th><th>Drink</th><th>Sweet</th>
     </thead>
     <tbody>
          <tr><td>A</td><td>B</td><td>C</td>
          <tr><td>D</td><td>E</td><td>F</td>
     </tbody>
     <tbody>
          <tr><td rowspan=3 align=right>文字內(nèi)容</td>
     </tbody>
</table>


例式 

內(nèi)容內(nèi)容內(nèi)容
ABC
DEF
文字內(nèi)容


只顯示組(Groups)與組之間的分隔線 <table rules=groups> 

代碼如下

<table border frame=groups>
<thead>
     <tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
</thead>
<tbody>
     <tr><td>A</td><td>B</td><td>C</td>
     <tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
<tr><td rowspan=3 align=right>文字內(nèi)容</td>
     </tbody>
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容
ABC
DEF
文字內(nèi)容


只顯示行與行之間的分隔線 <table rules=rows> 

代碼如下

<table border frame=rows>
<thead>
     <tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
</thead>
<tbody>
     <tr><td>A</td><td>B</td><td>C</td>
     <tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table><
 <tr><td rowspan=3 align=right>文字內(nèi)容</td>
     </tbody>
</table>/PRE>
例式 

內(nèi)容內(nèi)容內(nèi)容
ABC
DEF
文字內(nèi)容


只顯示列與列之間的分隔線 <table rules=cols> 

代碼如下

<table border frame=cols>
<thead>
     <tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
</thead>
<tbody>
     <tr><td>A</td><td>B</td><td>C</td>
     <tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
 <tr><td rowspan=3 align=right>文字內(nèi)容</td>
     </tbody>
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容
ABC
DEF
文字內(nèi)容


不顯示任何分隔線 <table rules=none> 

代碼如下

<table border frame=none>
<thead>
     <tr><th>內(nèi)容</th><th>內(nèi)容</th><th>內(nèi)容</th>
</thead>
<tbody>
     <tr><td>A</td><td>B</td><td>C</td>
     <tr><td>D</td><td>E</td><td>F</td>
</tbody>
</table>
 <tr><td rowspan=3 align=right>文字內(nèi)容</td>
     </tbody>
</table>

例式 

內(nèi)容內(nèi)容內(nèi)容
ABC
DEF
文字內(nèi)容


 
 
字體★★★★標記
+ 美術(shù)字體
常用"段落屬性"
<p align="left>"左對齊段落。<p align="center">居中段落。<p align="right">右對齊段落。<BR>換行符 
常用"基本屬性"
FONT-SIZE: 30pt;=30pt字體大小數(shù)值越大字體越大
FILTER: shadow(color=#af2dco);=#af2dco字體陰影色彩
(color=#FF8080, strength=20)20=陰影的長短 
左邊帶彩影的字體
代碼如下：
<p align="left><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 華文行楷">朋友您好</FONT> 
示例
朋友您好 
左邊帶長影的字體
代碼如下：
<P align=center><DIV style="FILTER: shadow(color=#FF8080, strength=20); WIDTH: 100%;"><FONT face=華文新魏 color=#FF0000 size=7> <CENTER>朋友您好</CENTER> <P></P></DIV> 
示例
朋友您好
帶邊影的字體
代碼如下：
<FONT style="FONT-SIZE: 30pt; FILTER: glow(color=#FF80FF,strength=8); WIDTH: 100%; COLOR:#FF0066; LINE-HEIGHT: 150%; FONT-FAMILY: 華文新魏"> <p align=right>朋友您好</FONT> 
示例         
朋友您好
右邊影的字體
代碼如下：
<FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 100%; POSITION: relative; HEIGHT: 165px" color=#3333cc> 朋友您好</FONT> 
示例
朋友您好 
彩色閃動的字體
代碼如下：
<TABLE cellSpacing=0 cellPadding=0 background=http://dnd0756./domName/dnd0756/200682316375174734.gif><TD style="FILTER: chroma(color=#336699)"><TABLE align=center bgColor=#ABE4EF><TD align=middle><FONT style="FONT-SIZE:30pt"face=華文行楷 color=#336699><B>山林 ~~歡迎您的光臨!</B></FONT></TABLE></TABLE> 
示例
一方陽光~~歡迎您的光臨!
自定義彩色字體
代碼如下：
<FONT size=6><FONT color=#ff0000>您</FONT><FONT color=#ECEC00>好</FONT><FONT color=#00FFFF>歡</FONT><FONT color=#FF0080>迎</FONT>FONT color=#990066>您</FONT><FONT color=#9900FF>的<<FONT color=#FF71FF>光</FONT><FONT color=#00DB00>臨</FONT></FONT>
示例
歡迎您的光臨 


 

							
							









                                    		
                                

                            
                        

                    




                

                

                    
                    
                        

                            
                                
    
                                		
                        
    
                        
                
    
                
    
                
                
                
    
                
    


                

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

                
    
                    轉(zhuǎn)藏
                    
                    
                    
                    
                    
                    
                        分享
                        
                        
                    
                    獻花（0）
                            
                
    
                
                
                
    
                    
    
                        
                        
                    
    
                
    

            
    

            
    

            
    
                
                
                
    
                
    
                    
    
                        
    0條評論
    
                        
                        
                        
    
                            
                            
    
                                發(fā)表
                            
    
                        
    
                        
                    
    
                    
                    
    請遵守用戶 評論公約
    
                    
                    
      
                    
    
                    
    
                    
    
                    
                
    
               
                
    
                    
    
                        類似文章
                        更多