這只是基本的HTML網頁入門。也是做網頁最基本的知識。這些基本的。我也打了幾天。有什麼不懂。可以加我MSN問
關于html:(hyper text mark-up language)
是一種文檔結構的標記語言(又叫超級文本),它使用約定的標記對頁面上各種信息(文字、聲音、圖形、圖像、視頻等)、格式以及超級鏈接進行描述。當用戶浏覽器打開這些信息時,會自動解釋這些標記的含義,並將其顯示爲用戶在屏幕上所看到的網頁。這種用html編寫的網頁又稱爲html文檔。
學習用途:早期用來編網頁的,雖然它號稱世上最簡單的代碼(都不能稱上是程序),後來還是因爲不直觀被高效率的工具編輯軟件所替代了。但因爲其是網頁標准語言之一,至今狠多地方可以應用,比如一些論壇上就會注有支持HTML代碼(目前不包括聯衆論壇),但聯衆論壇的版頭處,簽名處,還有江湖門派簡介處,個人簡介處都還是支持HTML代碼的執行顯示。因此我寫下此貼,希望對不會的朋友使用這些標簽代碼有所幫助!
基本格式:<標簽>內容</標簽>
說明:不同標簽會産生不同效果,如:<b>你好</b>,那就是把你好文字加粗,如:<i>你好</i>就是把你好兩個字傾斜。
可以嵌套:<標簽A><標簽B><標簽C>內容</標簽C></標簽B></標簽A> 注:注意順序,像小括號中括號大括號一樣套著用。
說明:一段文字可以注上多個標記,如:<u><i><b>你好</b></i></u>,這樣的結果就是浏覽器打開後,看到你好兩個字是加粗且傾斜且帶下劃線。
測試方法:
打開我們的附件�堛滌O事本,把自己想測試的代碼寫在記事本上,然後保存時請注意,文件類型不要選爲“文本文檔”,然選擇“所有文件”,然後在文件名上加上.html,如:test.html。存好後,直接雙擊打開此文件,就自動會啓動你的浏覽器來觀看你的代碼效果。
常用代碼:(記不得可以複制套用)
一:字體格式代碼:
1.字體標簽 <font>文字內容</font>
a.字體大小:<font size=3>文字內容</font> 注:size取值範圍是1∼7,數字愈大字也愈大。
b.指定字型:<font face=\"字體名稱\">文字內容</font>
注:字體名稱常用:宋體、黑體、楷體等(如果標上你電腦�堥S有的字體,則以電腦默認字體顯示)
c.文字顔色:<font color=#000000>文字內容</font> //#000000是純黑色,#ffffff是純白色
注:關于彩色代碼,可以利用聯衆論壇發貼編輯區�堛滬蚹鴾憒r顔色後來獲取自己喜歡顔色的16進制代碼。
d.文字加粗:<b>文字內容</b>。
e.文字傾斜:<i>文字內容</i>。
f.字下劃線:<u>文字內容</u>。
示例:我想把文字顔色設爲:藍色,字體:隸書,字號:5,並且加粗,寫上如下代碼就行。
<font color=#0000ff face=隸書 size=5><b>文字內容</b></FONT>
二:段落排版代碼:
1.換行標簽:<br> 注:此標記爲單獨使用,不需要用</br>來結尾。
2.分段標簽:<p> 注:是另起一新段落,如:<p>新段內容</p>。
3.空格標簽: 注:這個不用尖括號,需要用時直接貼上。
示例:你 好。 這樣的效果就是你 好。不使用這個代碼,無論你空多少格,網頁最多顯示出一個空格。
4.對齊方式:(參照相對于頁面,內容可以是文字、圖片或動畫)
a.左對齊:<left>內容</left> 注:這是默認值,左對齊不需要用標簽注明。
b.居中對齊: <center>內容</center>
c.右對齊:<center>內容</center>
三:動態文字代碼:(沒注明的自動顯示默認值)
1.文字移動標簽:<marquee>滾動文字內容</marquee>
a.調速代碼:<marquee scrollAmount=1>滾動文字</marquee> 注:1爲最小值速度爲最慢;數字越大移動的越快。
b.延遲代碼:<marquee scrolldelay=500>滾動文字</marquee> 注:這是字符移動每步的延時,1爲最小值,1000=1秒。
c.對齊方式:<marquee align=left>滾動文字</marquee> 注:up向上、down向下、left向左、right向右。
d.移動方式:<marquee behavior=scroll>滾動文字</marquee> 注:scroll是文字單向移動,side是移動到邊界停止,alternate是到邊界後反向移動。
e.循環次數:<marquee loop=2>滾動文字</marquee> 注:移動字符的循環2次,屬性值爲數字,若未指定則循環不止。
f.高度寬度:<marquee width=500 height=50>滾動文字</marquee> 注:width是文字寬度,height是文字高度,以象素爲單位。
g.縮進設置:<marquee hspace=10>滾動文字</marquee> 注:字符左右留空白長度,屬性值爲數字。
示例:<marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>
四:圖片顯示代碼:
1.插入圖片標簽:<img src=\"圖片網址.jpg\"> 注:正常支持的圖片格式爲jpg,jpeg,gif,png。
2.設定圖框標簽:<img src=\"圖形文件名\" border=2> 注:border=線框粗細像素點數,不用默認爲沒有邊框
3.設定圖形大小:<img src=\"圖形文件名\" width=寬度點數 height=高度點數> 注:不設默認圖片原來大小
4.設定圖形上下左右留空:<img src=\"圖形文件名\" vspace=上下留空點數 hspace=左右留空點數>
5.圖形附注: <img src=\"圖形文件名\" alt=\"說明文字\"> 注:當鼠標指向圖片時,顯示說明文字,不設默認沒有。
示例:<img src=\"http://upload.ourgame.com/bbs/upfile/2009/1/31/20090131110852wdmc8.gif\" border=2 alt=\"能看到我嗎?\">
五:移動圖片代碼:(其實就是把三和四的代碼綜合應用)
1.<marquee><img src=\"圖片網址.jpg\"></marquee> 注:想放多個圖片,就按此格式在中間插入。
示例:<marquee><img src=\"http://upload.ourgame.com/bbs/upfile/2009/1/31/20090131110852wdmc8.gif\"></marquee>
六:聲音播放代碼:
1.<bgsound src=\"音樂文件地址\" loop=1>
注:loop是循環次數,這種背景音樂格式代碼,只有在IE浏覽器中才可以聽到。一般用來插入wav wma mid mp3等格式的音樂。
示例:<bgsound src=\"http://202.107.225.9/NetTv/music/mp3/大海.mp3\" loop=10>
七:動畫顯示代碼:
1.<embed src=\"flash動畫地址.swf\"width=\"寬度值\" height=\"高度值\"></embed>
注:寬度和高度值填入數字,以像素爲單位。
示例:<embed src=\"http://upload.ourgame.com/bbs/upfile/2009/3/29/20090329154616zixing393278.swf\"width=\"540\" height=\"100\"></embed>
八:超級鏈接代碼:(如果需要別人點擊你的文字或圖片後打開一個新的網頁面就看下面)
1.<a href=\"點擊後打開的網址\">需要加入鏈接的文字或圖片代碼</a>
2.<a href=\"點擊後打開的網址\" target=\"_blank\">需要加入鏈接的文字或圖片代碼</a>
注:2代碼增加了target=\"_blank\"代碼的意思是在創建一個新窗口打開指定頁面!而1代碼是在原有窗口中載入頁面。
示例:<a href=\"http://bbs.ourgame.com/bbs_look.asp?Subject_ID=107&BBS_ID=20081102124445&bPage=1\" target=\"_blank\">點此打開透明FLASH素材大全</a>
九:實用代碼:(重要!)
1.讓FLASH動畫背景透明代碼:<EMBED style=\"LEFT: 10px; POSITION: absolute; TOP: -70px\" align=right src=FLASH的網址.swf width=550 height=400 type=application/x-shockwave-flash wmode=\"transparent\">
注:width=550 height=400 爲動畫寬高的數值,可自行調節; style=\"LEFT: 10px; LEFT可改爲右面RIGHT,10px是距離邊框的距離10像素,是可調整數字;absolute; TOP: -70px\"是距離頂部的距離,可調整數字。
1.層代碼:<div id=\"Parent\" style=\"position:absolute; left:56px; top:54px; width:124px; height:158px; z-index:1;\">這�堨i以放別的代碼,如文字或圖片或動畫的代碼</div>
注:這個代碼可以讓你放入層中的文字、圖片或動畫和原來頁面上的其它內容位置相互重疊,像設計軟件中的圖層一樣!可以修改的值分別是left、top(分別對應x和y坐標離頁面頂部和左部的距離),還有width、height是層的大小,最後:Z軸(也稱爲堆疊順序)可以通過它的值來設定位置有重疊的多個層對象的上下疊放次序。
綜合示例:要把一個FLASH動畫放到層中,並且讓此FLASH的背景透明化。
<div id=\"Parent\" style=\"position:absolute; left:50px; top:50px; width:550px; height:400px; z-index:1;\"><EMBED style=\"LEFT: 10px; POSITION: absolute; TOP: 0px\" align=right src=http://upload.ourgame.com/bbs/upfile/2008/11/10/20081110164009zixing393278.swf width=550 height=400 type=application/x-shockwave-flash wmode=\"transparent\"></div>
備注:現在早就沒有人用語言來編寫網頁了,我也只是把常用和實用的代碼用法注解下,希望對網友編輯版頭,編輯門派資料,編輯個人資料有所幫助,如果需要了解HTML全部代碼,請自己在網上搜下,如果你看完本貼,相信其它HTML代碼也會運用自如!
|