HTML語言asp設(shè)計(jì)

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

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

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

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

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

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

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

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

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

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

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

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

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

14、G代碼形式,下面的代碼就是從7演化而來,其它各代碼可同理演化:效果: 6.背景插入圖片代碼:代碼示例1:TABLE style=WIDTH: 685px; HEIGHT: 401px cellSpacing=10 align=center background=點(diǎn)擊圖片 進(jìn)入我的圈子 點(diǎn)擊圖片 進(jìn)入我的圈子 點(diǎn)擊圖片 進(jìn)入我的圈子 效果: 代碼示例2:TABLE style=WIDTH: 685px; HEIGHT: 401px cellSpacing=10 align=center background=點(diǎn)擊圖片 進(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 格式?，F(xiàn)在只支持這兩種格式，要根據(jù)你