HTML語言asp設(shè)計_第1頁
HTML語言asp設(shè)計_第2頁
HTML語言asp設(shè)計_第3頁
HTML語言asp設(shè)計_第4頁
HTML語言asp設(shè)計_第5頁
已閱讀5頁,還剩25頁未讀, 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

1、HTML語言:網(wǎng)站鏈接、文字移動、插入背景、圖片移動及特效、MP3和FLASH代碼博客秘籍 2006-12-01 08:45:40 閱讀518 評論0 字號:大中小 訂閱 HTML語言:網(wǎng)站鏈接、文字移動、插入背景、圖片移動及特效、MP3和FLASH代碼 前言:編碼過程難免會有錯誤和疏漏,還請各位高手指正!第一節(jié):網(wǎng)站鏈接專用代碼基本代碼:文字鏈接:圖片鏈接:是插入地址鏈接的標(biāo)簽對,單擊插入在標(biāo)簽對內(nèi)的文字,圖片,就可以鏈接進(jìn)入指定的網(wǎng)頁或鏈接地址IMG src=圖片地址是插入顯示鏈接的圖片標(biāo)簽.href= 是標(biāo)簽的屬性,用于實現(xiàn)地址的鏈接target=_blank為窗口彈出屬性定義,不加此屬

2、性則為背負(fù)式鏈接.實例:1.網(wǎng)站鏈接用代碼: 1.背負(fù)式網(wǎng)站文字鏈接代碼:陽光公園 效果:陽光公園 2.窗口彈出式網(wǎng)站文字鏈接代碼:陽光公園 效果:陽光公園 3.背負(fù)式網(wǎng)站圖片鏈接代碼:A href= 效果:4.窗口彈出式網(wǎng)站圖片鏈接代碼: 效果: 5.文字加圖片窗口彈了式鏈接代碼:點擊圖片欣賞更多 效果:點擊圖片欣賞更多 2.論壇中進(jìn)行網(wǎng)站鏈接專用代碼: 1.圖片鏈接:burl= 2.文字鏈接:b點擊url= 3.字體顏色:bcolor=#8000ff再換個顏色試試/color/b 4.字號:size=4文字/size 第二節(jié):文字移動專用代碼1.基本語法解釋: 1.基本語法默認(rèn)向左移動:要

3、移動的文字效果: 2.文字移動屬性代碼:要移動的文字效果: 3.語法解釋:style= 是標(biāo)簽的屬性,用于設(shè)定滾動框的大小WIDTH: 600px 是設(shè)定滾動框的寬度, HEIGHT: 280px 是設(shè)定滾動框的高度,; 是二個參數(shù)之間的分隔符scrollAmount=1 是設(shè)定文本滾動的速度,單位是 pixel , 值越大,滾動的速度越快。scrolldelay=100 是設(shè)定移動的時間延遲, 單位是千分之一秒,值越大, 移動的速度越慢初學(xué)時可省略behavior= 屬性是設(shè)定文本滾動的方式。參數(shù) scroll 會向同一方向移動, slide 會有類似滑動的效果, alternate 會往復(fù)

4、移動。direction= 屬性是設(shè)定文本滾動的方向。參數(shù) up 是向上移動, down是向下移動, left是向左移動, right 是向右移動, 2.其它方式的文字移動舉例說明: 1文字行走的方向:文字從右向左移!文字從左向右移!文字一圈一圈繞著走!文字只走一次就歇了!文字來回走! 2文字行走的次數(shù):文字只走 3 趟喲! 3文字行走速度控制:文字行走得好快! 4文字延時:文字走一步,停一停! 5文字對齊方式: 文字移動上中下對齊對齊上沿: 文字對齊上沿文字對齊中間:文字對齊中間對齊下沿: 文字對齊中間6文字的底色設(shè)置:文字在色彩中移動! 底色面積設(shè)置:文字底色的面積 第三節(jié):多行文字移動代

5、碼 1.多行文字移動代碼: 李白詩一首床前明月光,疑是地上霜.舉頭望明月,低頭思故鄉(xiāng). 效果: 2.語法解釋:為粗體代碼. 文字居中設(shè)置 .文字居左align=left文字居中 align=center文字居右 align=right本段落結(jié)束。 為強制換行.在 之間插入一個,相當(dāng)于插入半個空行。color=#3af93a文字色號.size=5為字體大小.設(shè)定文本滾動區(qū)。WIDTH: 380px 是滾動區(qū)的寬度。HEIGHT: 120px 是滾動區(qū)的高度。scrollAmount=2 是設(shè)定文本滾動的速度,值越大,滾動的越快。direction=up 設(shè)定文本滾動的方向。up 是向上滾動。al

6、ign=center 是居中顯示。是設(shè)定的文本滾動區(qū)結(jié)束。 第四節(jié):文字的特殊移動 1.舞動的文字代碼:舞動的文字代碼效果: 2.文字下,上,下移動代碼:下上下文字代碼效果:3.上下上文字代碼:上下上文字代碼效果:第五節(jié):插入背景及插入背景文字1.基本代碼:TABLE style=WIDTH: 200px; HEIGHT:220px align=center cellSpacing=30 background=要插入的文字:點擊進(jìn)入陽光公園插入文字結(jié)束 效果: 要插入的文字: 點擊進(jìn)入陽光公園插入文字結(jié)束處說明:標(biāo)簽對,是定義表格,插入背景圖的語句。TABLE style=WIDTH: 600

7、px; HEIGHT:520px align=center cellSpacing=30 background=此行代碼是背景(表格)設(shè)定,(定義開始)要放在全文的最前面, (定義結(jié)束)要放在全文的最后面,才能使整個帖子成為一體。style= 是 標(biāo)簽的屬性設(shè)定。WIDTH: 600px; HEIGHT:520px是設(shè)定的背景(表格)的寬度和高度。; 是兩個參數(shù)之間的分隔符。在一個語句中,每兩個參數(shù)之間,要用英文的一個空格作為分隔符。align=center 是設(shè)定屬性參數(shù),背景(表格)居中排列。cellSpacing=30 屬性參數(shù)是設(shè)定內(nèi)框線寬度,單位是 px(pixel)。backgro

8、und= 屬性參數(shù)是設(shè)定插入背景圖片的地址。 是一張背景圖片的網(wǎng)上地址。 定義表格定義表格結(jié)束。 定義列 定義列結(jié)束。 定義行 定義行結(jié)束。 段落(換行),可包括3種選項:默認(rèn)居左或 居中 居右 本段落結(jié)束。是設(shè)定字體,字色和字號的標(biāo)簽對。color= 屬性參數(shù)是設(shè)定字色。字色的值是在#000000至#ffffff(16進(jìn)位)之間。前兩位代表紅色,中間兩位代表綠色,后兩位代表藍(lán)色。可按自已的喜好組合。size= 屬性參數(shù)是設(shè)定字號。是強制換行,無格式要求。在 之間插入一個,相當(dāng)于插入半個空行。 2.背景文字移動代碼:將第三節(jié).1中的代碼原封不動放到背景的文字部分,代碼: TABLE style

9、=WIDTH: 200px; HEIGHT:220px align=center cellSpacing=30 background= 李白詩一首床前明月光,疑是地上霜.舉頭望明月,低頭思故鄉(xiāng).效果: 第六節(jié):圖片移動代碼1.圖片基本代碼:圖片設(shè)定的屬性: height=400 是設(shè)定圖片的高度,width=500 是設(shè)定圖片的寬度下面給出一個完整代碼:效果:2.圖片的移動:圖片的移動可參照文字移動代碼,在此只把第四節(jié)中的文字上下上代碼中的文字換成圖片代碼,并加入圈子陽光公園的鏈接,其它方式不再贅述:點擊圖片 IMG width=310 height=118 src= 效果:3.多張圖片的移動

10、:在此只舉自右向左移動一例,其它參照多行文字的移動代碼即可.1圖片左右排列自左向右移動:點擊圖片 進(jìn)入我的圈子      點擊圖片 進(jìn)入我的圈子      點擊圖片 進(jìn)入我的圈子 圖片與圖片之之間用空格代碼 分隔開來.效果: 2圖片上下排列自上而下移動的代碼:點擊圖片 進(jìn)入我的圈子 點擊圖片 進(jìn)入我的圈子 點擊圖片 進(jìn)入我的圈子 效果: 4.背景圖片的特效處理:1圓形朦朧代碼:            &nb

11、sp; 陽光公園效果: 陽光公園 2方形朦朧代碼:              陽光公園效果: 陽光公園 3過濾鏡代碼              陽光公園效果: 陽光公園4黑白過濾代碼:          &nb

12、sp;   陽光公園效果: 陽光公園5加色過濾代碼:              陽光公園效果: 陽光公園6白色過濾代碼:              陽光公園效果: 陽光公園7走形代碼:         

13、;     陽光公園效果: 陽光公園8倒影代碼:IMG src=              陽光公園 IMG src=               陽光公園效果: 陽光公園 陽光公園不做背景圖片時,可使用下列代碼: 效果: 9以上各代碼在不做背景圖片的情況下可以采用IM

14、G代碼形式,下面的代碼就是從7演化而來,其它各代碼可同理演化:效果: 6.背景插入圖片代碼:代碼示例1:TABLE style=WIDTH: 685px; HEIGHT: 401px cellSpacing=10 align=center background=點擊圖片 進(jìn)入我的圈子 點擊圖片 進(jìn)入我的圈子 點擊圖片 進(jìn)入我的圈子 效果: 代碼示例2:TABLE style=WIDTH: 685px; HEIGHT: 401px cellSpacing=10 align=center background=點擊圖片 進(jìn)入我的圈子 效果: 第七節(jié):影音播放器代碼基本代碼: 語法解釋:EMBED src=音樂網(wǎng)址。 插入音樂的播放器,音樂可用你喜歡的歌曲網(wǎng)址替換。 width=280 height=40 是設(shè)定播放器的寬度和高度。 將播放器的寬度和高度值均設(shè)定為 0 ,即:width=0 height=0 便把播放器隱藏了,在帖子中就看不到播放器了。type=audio/mpeg 是設(shè)定音樂為 mp3 格式。type=audio/x-ms-wma 是設(shè)定音樂為 wma 格式。現(xiàn)在只支持這兩種格式,要根據(jù)你

溫馨提示

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

最新文檔

評論

0/150

提交評論