網頁制作HTML代碼學習教程入門

　　HTML英語意思是：Hypertext Marked Language，即超文本標記語言,是一種用來制作超文本文檔的簡單標記語言。用HTML編寫的超文本文檔稱為HTML文檔，它能獨立于各種操作系統平臺(如UNIX，WINDOWS等)。自1990年以來HTML就一直被用作World Wide Web 的信息表示語言，用于描述Homepage的格式設計和它與WWW上其它Homepage 的連結信息。使用HTML語言描述的文件，需要通過WWW瀏覽器顯示出效果。

　　所謂超文本，因為它可以加入圖片、聲音、動畫、影視等內容，因為它可以從一個文件跳轉到另一個文件，與世界各地主機的文件連接。

　　通過HTML可以表現出豐富多彩的設計風格

　　圖片調用：<IMG SRC=”文件名”>

　　文字格式：<FONT SIZE=”+5 ” COLOR=”#FF0066″>文字</FONT>

　　效果如下:

　　文字

　　通過HTML可以實現頁面之間的跳轉

　　頁面跳轉：〈A HREF=”文件路徑/文件名”></A>

　　通過HTML可以展現多媒體的效果

　　聲頻：<EMBED SRC=”音樂文件名” AUTOSTART=true>

　　視頻：<EMBED SRC=”視頻文件名” AUTOSTART=true>

　　你可以使用記事本、寫字板或 FrontPage Editor 等編輯工具來編寫Html文件。Html語言使用標志對的方法編寫文件，既簡單又方便，它通常使用<標志名></標志名>來表示標志的開始和結束(例如<table></table>標志對)，因此在Html文檔中這樣的標志對都必須是成對使用的。

　　從代碼結構來看，HTML帖子實際上就是一個去頭去尾的Web頁面,換句話說用HTML代碼編輯的帖子

　　其實質就是網頁編輯的一個小內容.因此要想學精通是比較困難的,可是千萬別怕!!!我們都不是從事網頁設計的,只想編個漂亮的帖子而已,那就簡單的多了.大家只要記熟一些常用的代碼,了解這些代碼的含義就完全夠了,我們可以采取套用(簡單的復制粘貼),轉貼后修改等方法來達到目的,多則半個月,少則一個星期,應該就能制作HTML代碼帖子了,套用多了,自然就熟悉了,有興趣的話可以進一步求精了.論壇HTML帖子常用代碼

　　一、文字標記

　　基本代碼如下：

　　<P align=center><FONT color=#0066ff face=隸書 size=5>插入文字</FONT></P>

　　align=center　表示字體居中，可選值為居右(right)居左(left)

　　color=顏色代碼

　　face=字體　常用字體為：宋體.黑體.楷體.仿宋.幻緣.新宋體.細明體等

　　size=字體大小，這里的最大值為6　取值越大文字就越大

　　1.字體變化 <font>……….</font>

　　a.字體大小 <font size=#>……….</font> #=1~7;數字愈大字也愈大

　　b.指定字型 <font face=”字體名稱”>……….</font>

　　c.文字顏色 <font color=#rrggbb>……….</font>

　　rr：表紅色(red)色碼

　　gg：表綠色(green)色碼

　　bb：表藍色(blue)色碼

　　rrggbb也可用6位顏色代碼數字

　　2.粗體字 <b>……….</b>

　　3 字體加粗<STRONG>……….</STRONG>和<b>標簽差不多的效果

　　4.換行(也稱回車) <br>

　　5.分段標記 <p>

　　文字的對齊方向 <p align=”#”> #號可為 left：表向左對齊(預設值) center：表向中對齊 right：表向右對齊 P.S.<p align=”#”>之后的文字都會以所設的對齊方式顯示，直到出現另一個<p align=”#”>改變其對齊方向，遇到<hr>或<h#>標簽時會自動設回預設的向左對齊。

　　6.區隔標記 <DIV>

　　<DIV>稱為區隔標記。作用：設定字、畫、表格等的擺放位置。

　　<DIV>應用于 Style Sheet(式樣表)方面會更顯威力，它最終目的是給設計者另一種組織 能力，有 Class ; Style ; title ; ID 等屬性。。

　　以 <DIV align=”center”> 為例：

　　align=”center”

　　可選值：center ; left ; right 。決定字、畫、表格等居中、靠左或靠右。

　　<DIV align=”center”> 的作用和居中標記 <CENTER>一樣。。

　　注：其實常用跟<p>標簽的效果差不多，但是功能比<p>相對強一些。。。

　　7.分隔線 <hr>

　　a.分隔線的粗細 <hr size=點數>

　　b.分隔線的寬度 <hr size=點數或百分比>

　　c.分隔線對齊方向 <hr align=”#”>

　　#號可為 left：表向左對齊(預設值) center：表向中對齊 right：表向右對齊

　　d.分隔線的顏色 <hr color=#rrggbb>

　　e.實心分隔線 <hr noshade>

　　8.居中對齊 <center>……….</center> 跟<p align=”center”>……..</p>,<DIV align=”center”>……..<DIV>效果基本是一樣的。。。

　　9.文字移動標記<MARQUEE>……….</MARQUEE>

　　<marquee 屬性=屬性值> 滾動內容 </marquee>

　　移動速度指令是:scrollAmount=# #最小為1，速度為最慢;數字越大移動的越快。

　　字符移動每步的延時:scrolldelay=# 屬性值為數字， #最小為1， 數值越大速度越大，反之亦然。

　　移動方向指令是：direction=# up向上、down向下、left向左、right向右。

　　移動方式:behavior 屬性值為scroll：文字單向移動，side：移動到邊界停止，alternate：到邊界后反向移動;

　　align，對齊方式，其屬性值為center，left，right，top, middle, bottom，分別表示居中，左對齊， 右對齊，對齊上沿、中間、下沿;

　　bgcolor，移動字符的背景色，屬性值為顏色代碼，可以是rrggbb 16 進制數碼，r=red，g=green， b=blue，也就是色彩中的三原色，也可是預定義色彩;

　　loop，移動字符的循環次數，屬性值為數字，若未指定則循環不止(infinite);

　　width及height，文字高度和寬度，以象素為單位，屬性值為數字;

　　hspace字符左右留白長度，屬性值為數字;

　　vspace字符上下留白長度，屬性值為數字;

　　scrollamount字符的移動速度，屬性值為數字，數值越大速度越大，反之亦然

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈