FLASH上傳空間 2009-09-06 10:49:48 閱讀11 評(píng)論0 字號(hào):大中小
引用
滄海 的 [原創(chuàng)]HTML網(wǎng)頁代碼入門速成
HTML代碼入門速成:關(guān)于html:(hyper text mark-up language)
是一種文檔結(jié)構(gòu)的標(biāo)記語言(又叫超級(jí)文本),它使用約定的標(biāo)記對(duì)頁面上各種信息(文字、聲音、圖形、圖像、視頻等)、格式以及超級(jí)鏈接進(jìn)行描述。當(dāng)用戶瀏覽器打開這些信息時(shí),會(huì)自動(dòng)解釋這些標(biāo)記的含義,并將其顯示為用戶在屏幕上所看到的網(wǎng)頁。這種用html編寫的網(wǎng)頁又稱為html文檔。
學(xué)習(xí)用途:早期用來編網(wǎng)頁的,雖然它號(hào)稱世上最簡(jiǎn)單的代碼(都不能稱上是程序),后來還是因?yàn)椴恢庇^被高效率的工具編輯軟件所替代了。但因?yàn)槠涫蔷W(wǎng)頁標(biāo)準(zhǔn)語言之一,至今很多地方可以應(yīng)用,比如一些論壇上就會(huì)注有支持HTML代碼,因此我寫下此貼,希望對(duì)不會(huì)的朋友使用這些標(biāo)簽代碼有所幫助!
基本格式:<標(biāo)簽>內(nèi)容</標(biāo)簽>
說明:不同標(biāo)簽會(huì)產(chǎn)生不同效果,如:<b>你好</b>,那就是把你好文字加粗,如:<i>你好</i>就是把你好兩個(gè)字傾斜。
可以嵌套:<標(biāo)簽A><標(biāo)簽B><標(biāo)簽C>內(nèi)容</標(biāo)簽C></標(biāo)簽B></標(biāo)簽A> 注:注意順序,像小括號(hào)中括號(hào)大括號(hào)一樣套著用。
說明:一段文字可以注上多個(gè)標(biāo)記,如:<u><i><b>你好</b></i></u>,這樣的結(jié)果就是瀏覽器打開后,看到你好兩個(gè)字是加粗且傾斜且?guī)聞澗€。
測(cè)試方法:
打開我們的附件里的記事本,把自己想測(cè)試的代碼寫在記事本上,然后保存時(shí)請(qǐng)注意,文件類型不要選為“文本文檔”,然選擇“所有文件”,然后在文件名上加上.html,如:test.html。存好后,直接雙擊打開此文件,就自動(dòng)會(huì)啟動(dòng)你的瀏覽器來觀看你的代碼效果。
常用代碼:(記不得可以復(fù)制套用)
一:字體格式代碼:
1.字體標(biāo)簽 <font>文字內(nèi)容</font>
a.字體大?。?lt;font size=3>文字內(nèi)容</font> 注:size取值范圍是1~7,數(shù)字愈大字也愈大。
b.指定字型:<font face="字體名稱">文字內(nèi)容</font>
注:字體名稱常用:宋體、黑體、楷體等(如果標(biāo)上你電腦里沒有的字體,則以電腦默認(rèn)字體顯示)
c.文字顏色:<font color=#000000>文字內(nèi)容</font> //#000000是純黑色,#ffffff是純白色
注:關(guān)于彩色代碼,可以利用聯(lián)眾論壇發(fā)貼編輯區(qū)里的修改文字顏色后來獲取自己喜歡顏色的16進(jìn)制代碼。
d.文字加粗:<b>文字內(nèi)容</b>。e.文字傾斜:<i>文字內(nèi)容</i>。
f.字下劃線:<u>文字內(nèi)容</u>。
示例:我想把文字顏色設(shè)為:藍(lán)色,字體:隸書,字號(hào):5,并且加粗,寫上如下代碼就行。
<font color=#0000ff face=隸書 size=5><b>文字內(nèi)容</b></FONT>
二:段落排版代碼:1.換行標(biāo)簽:<br> 注:此標(biāo)記為單獨(dú)使用,不需要用</br>來結(jié)尾。
2.分段標(biāo)簽:<p> 注:是另起一新段落,如:<p>新段內(nèi)容</p>。
3.空格標(biāo)簽: 注:這個(gè)不用尖括號(hào),需要用時(shí)直接貼上。
示例:你 好。 這樣的效果就是你 好。不使用這個(gè)代碼,無論你空多少格,網(wǎng)頁最多顯示出一個(gè)空格。
4.對(duì)齊方式:(參照相對(duì)于頁面,內(nèi)容可以是文字、圖片或動(dòng)畫)
a.左對(duì)齊:<left>內(nèi)容</left> 注:這是默認(rèn)值,左對(duì)齊不需要用標(biāo)簽注明。
b.居中對(duì)齊: <center>內(nèi)容</center>
c.右對(duì)齊:<right>內(nèi)容</right>
三:動(dòng)態(tài)文字代碼:(沒注明的自動(dòng)顯示默認(rèn)值)1.文字移動(dòng)標(biāo)簽:<marquee>滾動(dòng)文字內(nèi)容</marquee>
a.調(diào)速代碼:<marquee scrollAmount=1>滾動(dòng)文字</marquee> 注:1為最小值速度為最慢;數(shù)字越大移動(dòng)的越快。b.延遲代碼:<marquee scrolldelay=500>滾動(dòng)文字</marquee> 注:這是字符移動(dòng)每步的延時(shí),1為最小值,1000=1秒。
c.對(duì)齊方式:<marquee align=left>滾動(dòng)文字</marquee> 注:up向上、down向下、left向左、right向右。
d.移動(dòng)方式:<marquee beha
vior=scroll>滾動(dòng)文字</marquee> 注:scroll是文字單向移動(dòng),side是移動(dòng)到邊界停止,alternate是到邊界后反向移動(dòng)。
e.循環(huán)次數(shù):<marquee loop=2>滾動(dòng)文字</marquee> 注:移動(dòng)字符的循環(huán)2次,屬性值為數(shù)字,若未指定則循環(huán)不止。f.高度寬度:<marquee width=500 height=50>滾動(dòng)文字</marquee> 注:width是文字寬度,height是文字高度,以象素為單位。
g.縮進(jìn)設(shè)置:<marquee hspace=10>滾動(dòng)文字</marquee> 注:字符左右留空白長(zhǎng)度,屬性值為數(shù)字。
示例:<marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>
四:圖片顯示代碼:1.插入圖片標(biāo)簽:<img src="圖片網(wǎng)址.jpg"> 注:正常支持的圖片格式為jpg,jpeg,gif,png。
2.設(shè)定圖框標(biāo)簽:<img src="圖形文件名" border=2> 注:border=線框粗細(xì)像素點(diǎn)數(shù),不用默認(rèn)為沒有邊框
3.設(shè)定圖形大?。?lt;img src="圖形文件名" width=寬度點(diǎn)數(shù) height=高度點(diǎn)數(shù)> 注:不設(shè)默認(rèn)圖片原來大小
4.設(shè)定圖形上下左右留空:<img src="圖形文件名" vspace=上下留空點(diǎn)數(shù) hspace=左右留空點(diǎn)數(shù)>
5.圖形附注: <img src="圖形文件名" alt="說明文字"> 注:當(dāng)鼠標(biāo)指向圖片時(shí),顯示說明文字,不設(shè)默認(rèn)沒有。
6.制作背景圖片:<BODY background="背景圖片網(wǎng)址">
示例:<img src="
五:移動(dòng)圖片代碼:(其實(shí)就是把三和四的代碼綜合應(yīng)用)1.<marquee><img src="圖片網(wǎng)址.jpg"></marquee> 注:想放多個(gè)圖片,就按此格式在中間插入。
示例:<marquee><img src=">
六:聲音播放代碼:1.<bgsound src="音樂文件地址" loop=1>
注:loop是循環(huán)次數(shù),這種背景音樂格式代碼,只有在IE瀏覽器中才可以聽到。一般用來插入wav wma mid mp3等格式的音樂。
示例:<bgsound src="
七:動(dòng)畫顯示代碼:1.<embed src="flash動(dòng)畫地址.swf"width="寬度值" height="高度值"></embed>
注:寬度和高度值填入數(shù)字,以像素為單位。
聯(lián)系客服