Terry111
暱稱: msn:[email protected]
性別: 男
國家: 香港
地區: 葵青區
MORE...  

«‹ September 2010 ›»
SMTWTFS
1234
567891011
12131415161718
19202122232425
2627282930

最新日誌
•去camp.
•今日去左游水.
•..
•.
•呼呼.

日誌分類
•全部 (12)

訪客留言
最近三個月尚無任何留言

最近訪客
最近沒有訪客

每月文章

日誌訂閱
尚未訂閱任何日誌

我的好友

我的連結
尚無任何連結

日誌統計
文章總數: 12
留言總數: 56
今日人氣: 7
累積人氣: 21304

站內搜尋
RSS Feed

2010 年 4 月 3 日  星期六   晴天


HTML製作網頁代碼快速入門(自編) 分類: 未分類

這只是基本的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代碼也會運用自如!
 



« | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | »



tofumonzter@createblog.com