HTML之頁(yè)面布局圖片音頻和滾動(dòng)字幕的處理_第1頁(yè)
HTML之頁(yè)面布局圖片音頻和滾動(dòng)字幕的處理_第2頁(yè)
HTML之頁(yè)面布局圖片音頻和滾動(dòng)字幕的處理_第3頁(yè)
HTML之頁(yè)面布局圖片音頻和滾動(dòng)字幕的處理_第4頁(yè)
HTML之頁(yè)面布局圖片音頻和滾動(dòng)字幕的處理_第5頁(yè)
已閱讀5頁(yè)，還剩3頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、HTML之頁(yè)面布局、圖片音頻和滾動(dòng)字幕的處理一、頁(yè)面布局由于瀏覽器不識(shí)別文本中的格式，文字都連續(xù)顯示在屏幕上，需要按什么格式顯示，必需加格式控制符，如“br”就是換行控制符。常用的還有分段符“p”，用“p”不僅將以后文字換到下行，而且還插入一空行。如連用兩個(gè)“br”“br”與換成一個(gè)“p”可完成同樣功能。還有一個(gè)強(qiáng)制不換行指令<nobr>，到一個(gè)</nobe>中間的字符都在一行顯示。 瀏覽器對(duì)于文本中的空格，不管多少只認(rèn)一個(gè)空格。必須把輸入法條中的“半角”改成“全角”也就是把“半月”形標(biāo)志改為“滿月”形的再輸入空格，瀏覽器才識(shí)別，因?yàn)檫@種“空格”實(shí)際上完全不同于西文空格

2、，這是在漢字庫(kù)中的一種不可顯示的具有兩個(gè)ASC代碼的一種字符，所以瀏覽器可以完全保留這種空格。在HTML代碼中也有專用的空格代碼，就是在&nbsp表示空格，不過(guò)嫌麻煩，一般人不常用。只是在西文輸入中沒(méi)有“全角”空格，才用&nbsp，每&nbsp表示一個(gè)半角空格。在頁(yè)面中有時(shí)需要用橫線分切內(nèi)容，“hr”是畫線指令，在這個(gè)指令中還可以設(shè)置線尺寸和顏色。線的橫向尺寸我們習(xí)慣叫“長(zhǎng)度”，這里我們叫“寬”，是按屏幕來(lái)說(shuō)的，我們的屏幕橫向叫“寬”，縱向叫高，所以也把線的橫向尺寸叫“寬”。指令格式如下：“hr size=XXpx width=XXpx color=XXXXXX>

3、”其中“size=”縱向尺寸、“width=”橫向尺寸、“color=”線條顏色?！皃x”表示“點(diǎn)”，就是以多少個(gè)“點(diǎn)”來(lái)定義尺寸?；蛘哂腥藛?wèn)那這一個(gè)“點(diǎn)”是多大呀！這可要看你的顯示器了，你現(xiàn)在的顯示模式如是“600X800”，橫向看你的屏幕就是800個(gè)點(diǎn)，每個(gè)點(diǎn)大小你自己算吧。如果你還不清楚，下面我給你畫個(gè)線看：這線是縱向尺寸4點(diǎn)，橫向尺寸400點(diǎn)，顏色是紅，代碼是： “hr size=4 width=400 color=ff0000”。 -各項(xiàng)參數(shù)之間要有空格，注意這可是“半角”空格。以后注意在書寫代碼時(shí)所有字符必須在“半角”狀態(tài)下輸入，如誤用了“全角”字符，系統(tǒng)是不承認(rèn)的。另外對(duì)初學(xué)者還

4、要提醒一項(xiàng)，有些服務(wù)器對(duì)字符的大、小寫也是敏感的，就是說(shuō)同一個(gè)字符的大寫和小寫，系統(tǒng)認(rèn)為是兩個(gè)不同的字符，這點(diǎn)在寫網(wǎng)頁(yè)時(shí)也應(yīng)注意。在頁(yè)面中兩行文字中還需要設(shè)置間距，使用指令是：“style=line-height:XX”其中“XX”可以是每行高度在屏幕上的點(diǎn)數(shù)，也可以是與文字的比例。如要使每行高度是文字高度的1.5倍，就設(shè)“style=line-height:150%”，這樣行與行間就有半個(gè)字的空間。也可以點(diǎn)數(shù)來(lái)設(shè)，“style=line-height:20px”，表示每行所占高度的尺寸是20點(diǎn)。設(shè)置參數(shù)可以放在<body>里面，這是對(duì)整個(gè)頁(yè)面有效，如“body style=lin

5、e-height:20px”，也可以放在分段符里，只對(duì)該段設(shè)置，如“p style=line-height:20px”。為了對(duì)某一部分內(nèi)容設(shè)定格式，要用一個(gè)定義區(qū)域的指令，“div”定義區(qū)域，用“/div”結(jié)束。在“div”里面可以放很多設(shè)置參數(shù)，如上面的行高度也可以放在“div”里面：“div style=line-height:20px”。 “div”里面還可把字符安排為靠左、靠右、居中，指令格式分別是：“div align=left、div align=right、div align=center ”注意：引號(hào)內(nèi)的內(nèi)容，使用時(shí)兩端要換成<>括起來(lái)，這里為了能正常顯示用“”代替

6、。二、圖片，音頻，和滾動(dòng)字幕的處理一：圖片的使用1. 在頁(yè)面中插入圖片在頁(yè)面中插入圖片用< IMG>標(biāo)記，通過(guò)對(duì)<IMG>標(biāo)記的屬性值的調(diào)節(jié)可以控制圖片在頁(yè)面中的精確顯示。其格式如下：<IMG src“圖片地址” 屬性1屬性值 屬性2屬性值>圖片的屬性主要有高度（height），寬度（width），對(duì)齊方式（align）等，屬性值主要是數(shù)字，對(duì)齊方式的屬性值為：center，left。right。 2. 用圖片作為超鏈接圖片可以做為超鏈接的熱點(diǎn)內(nèi)容。此時(shí)要與A標(biāo)記配合使用，其格式為：<a herf=“超鏈接的文件名”><img src“圖片

7、文件名”></a>二：音頻的使用管它mms.http.rtsp.只要看后綴尾檔是asf.wma.wmv.wmv.rm.通通可以適用下面的代碼:embed src="歌的地址" width="350，80%" height="60，80%">三：移動(dòng)字幕的使用移動(dòng)字幕使用<MARQUEE>標(biāo)記，其基本格式：<marquee 屬性屬性值>滾動(dòng)內(nèi)容</marquee>它的主要屬性及其屬性值如下：對(duì)齊方式（align）其屬性值是center，left，right移動(dòng)字符的背景色（bg

8、color）屬性值為顏色代碼。移動(dòng)字符的循環(huán)次數(shù)（loop）屬性值為數(shù)字。移動(dòng)方式（behavior）屬性值為：scroll:文字單向移動(dòng)，side:移動(dòng)到邊界停止，alternate:到邊界后反向移動(dòng)文字高度和寬度，以象素為單位（width height）屬性值為數(shù)字。字符左右留白長(zhǎng)度（hspace）屬性值為數(shù)字。字符上下留白長(zhǎng)度（vspace）屬性值為數(shù)字。字符的移動(dòng)速度（scrollamount）屬性值為數(shù)字。字符移動(dòng)每步的延時(shí)（scrolldelay）屬性值為數(shù)字。四：視頻的使用1.視頻語(yǔ)法也可以這樣(貼RM，WMV格式) 代碼：<embed src="歌的地址&quo

9、t; width=400 height=300>2.這個(gè)代碼是需要點(diǎn)擊才可以播放的，適用于試聽(tīng)(rm/MP3/RA/WMA) 代碼：<EMBED src=歌曲名 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"></embed>3.這個(gè)代碼是自動(dòng)播放的，也是用于試聽(tīng)(類型同上

10、)代碼：<embed src="歌曲的地址 帶http的" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="center" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart=&

11、quot;true">貼內(nèi)背景公式：<*center><*table cellpadding=0 cellspacing=0 border=0 WIDTH=100% align=center table background="內(nèi)背景圖片地址" width=720><*tr><*td><*center>。（要貼的內(nèi)容圖片或文字）貼圖:（兩種方法）貼圖的正確格式是:（1） <*center><*img src="（圖片地址）">（2）*IMG（圖片地*/IM

12、G。<*td><*/table>(結(jié)尾）圖片向左移動(dòng)<*marquee directio=left><8img src="圖片地址"><*/marquee>文字向左移動(dòng)<*marquee directio=left><*font size=? color=?>文字部分<*/font><*/marquee>貼FLASH <*embed src=""width="660"height="450">歌&

13、lt;*embed src=""HIDDEN=TRUE AUTOSTART=TRUE LOOP=TRUE>帖子外背景底圖<*body background="地址">外背景底圖圖不動(dòng)<*body background="地址" bgproperties="fixed">圖片居中<*center><*img src="圖片地址">貼播放器<*embed src=" width=480 height=35 controls=Con

14、trolPanel loop=true autostart=true volume=100 type=audio/x-pn-realaudio-plugin Initfn=load-types mime-types=mime.types> 交替舞動(dòng)的蝴蝶<*FONT COLOR=GREEN><*marquee behavior="alternate"scrollamount=8 direction=right><*b><*font color=#7700bb size=6><*FONT color=red>&

15、lt;*MARQUEE behavior=alternate direction=up height=150 width=50><*img src= color=orange><*MARQUEE behavior=alternate direction=up height=200 width=50><*img src= color=Fuchsia><*MARQUEE behavior=alternate direction=up height=150 width=50><*img src= color=olive><*MA

16、RQUEE behavior=alternate direction=up height=200 width=50><*img src= COLOR=GREEN><*MARQUEE behavior=alternate direction=up height=150 width=50><*img src= color=red><*MARQUEE behavior=alternate direction=up height=200 width=50><*img src= * 帶框的背景<*center><*table

17、border="5" background= width="600" height="440" ><*td><*/table>文字向上滾注意文字分行并拉開(kāi)行距：<*marquee direction=up scrollamount=3><*center><*font color="lime" size="5" face="隸書">朋友你們好<*/font><*/marquee> 朋友你們

18、好文字向下滾<*marquee direction=down scrollamount=3><*center><*font color="lime" size="5" face="隸書">祝朋友們?cè)诰壏滞娴拈_(kāi)心<*/font><*/marquee>祝朋友們開(kāi)心文字移動(dòng)速度的設(shè)置：請(qǐng)注意下面語(yǔ)句中的紅色屬性(文字向左移動(dòng)，選250比較好)大家好！IE默認(rèn)值為60（單位：毫秒） 取值越大，移動(dòng)越慢（小于60，IE仍默認(rèn)為60）。取值60 取值100 取值150 取值200 取值2

19、50常用字體：宋體 黑體 楷體_GB2312 仿宋_GB2312新宋體 幼圓 隸書 方正舒體華文新魏 華文行楷 華文細(xì)黑 華文彩云常用字體顏色：淺綠-aqua 黑-black 蘭-blue 紫紅-fuchsia，灰-gray 綠-green 亮綠-lime 茶-maroon，深蘭-navy 橄欖-olive 紫-pourple 紅-red，銀-silver 青-teal 白-white 黃-yellow 紫紅-purple 文字示例：(居中)歡迎你朋友字體(FONT)標(biāo)記(TAGS)標(biāo)題字體(Header)<*h#> . <*/h#> #=1, 2, 3, 4, 5,

20、6<*h1>今天天氣真好！<*/h1> 今天天氣真好！<*h2>今天天氣真好！<*/h2> 今天天氣真好！<*h3>今天天氣真好！<*/h3> 今天天氣真好！<*h4>今天天氣真好！<*/h4> 今天天氣真好！<*h5>今天天氣真好！<*/h5> 今天天氣真好！<*h6>今天天氣真好！<*/h6> 今天天氣真好！ <*hn>-<*/hn> 這些標(biāo)記顯示黑體字。 <*hn>-<*/hn> 這些標(biāo)記自動(dòng)插入一

21、個(gè)空行，不必用 <8p>標(biāo)記再加空行。因此在一行中無(wú)法使用不同大小的字體。字體大小<*font size=#> . <*/font> #=1, 2, 3, 4, 5, 6, 7 or +#,-#<*basefont size=#> #=1, 2, 3, 4, 5, 6, 7<*font size=7>今天天氣真好！<*/font> 今天天氣真好！<*font size=6>今天天氣真好！<*/font> 今天天氣真好！<*font size=5>今天天氣真好！<*/font> 今天天氣真好！<*font size=4>今天天氣真好！<*/font> 今天天氣真好！<*font siz

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論