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

«‹ September 2007 ›»
SMTWTFS
1
2345678
9101112131415
16171819202122
23242526272829
30

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

日誌分類
•全部 (12)

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

最近訪客
最近沒有訪客

每月文章

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

我的好友

我的連結
尚無任何連結

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

站內搜尋
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