當大家見到人地ge 個人網頁咁靚時，係咪都心郁郁想自己親手整返個呢？
哈哈！其實我的個人網頁只是用了最基本的HTML 和CSS 製作，真的非常簡單。
只是用簡單語法便能製作自己的網站，咁你仲眼望望？快點動動手去製作吧！

全名：Hypertext Markup Language
譯名：超文字標記語言
HTML 是一種標示語言，以各種標記和文字組成。它的格式非常簡單，標記字母以大、小階編制亦可。
可以用最簡單的【記事本 Notepad】來編制，存檔為 .htm 或 .html (兩者是不同的)， 檔案名稱大小階也是有分別的，所以最好全部都用小階字母做檔案名稱。





標記種類：

圍堵標記
以起始標記及終結標記將文字圍住，以顯示效果。
<b></b>是圍堵標記，好明顯睇到靚仔係比圍堵標記包圍住。

原
始
碼		 你真係好<b>靚仔</b>呀！
顯
示		 你真係好靚仔呀！




空標記
空標記即係得起始標記單獨出現，而唔洗用終結標記。
換行標記<BR>是空標記。

原
始
碼		 我講真架！<BR>你真係好靚仔呀！
顯
示		 我講真架！
你真係好靚仔呀！






基本標記：

標記類型譯名或意義作用
文件標記
<HTML>◆文件宣告宣告HTML文件的範圍
<HEAD>◆開頭提供文件整體資訊
<TITLE>◆標題定義文件標題，將顯示於瀏覽頂端
<BODY>◆本文設計文件格式及內文所在
排版標記
<!--註解-->◇說明標記為文件加上說明，但不被顯示
<P>◇段落標記為字、畫、表格等之間留一空白行
<BR>◇換行標記令字、畫、表格等顯示於下一行
<HR>◇水平線插入一條水平線
<PRE>◆預設格式令文件按照原始碼的排列方式顯示
<DIV>◆區隔標記設定字、畫、表格等的擺放位置
字體標記
<STRONG>◆加重語氣產生字體加粗 Bold 的效果
<B>◆粗體標記產生字體加粗的效果
<I>◆斜體標記字體出現斜體效果
<TT>◆打字字體Courier字體，字母寬度相同
<BIG>◆字體加大令字體稍為加大
<SMALL>◆字體縮細令字體稍為縮細
<SUB>◆下標字指數
<SUP>◆下標字下標字
<H1>◆一級標題標記變粗變大加寬，程度與級數反比
<H2>◆二級標題標記將字體變粗變大加寬
<H3>◆三級標題標記將字體變粗變大加寬
<H4>◆四級標題標記將字體變粗變大加寬
<H5>◆五級標題標記將字體變粗變大加寬
<H6>◆六級標題標記將字體變粗變大加寬
清單標記
<OL>◆順序清單清單項目將以數字、字母順序排列
<UL>◆無序清單清單項目將以圓點排列
<LI>◇清單項目每一標記標示一項清單項目
<DL>◆定義清單清單分兩層出現
<DT>◇定義條目標示該項定義的標題
<DD>◇定義內容標示定義內容
表格標記
<TABLE>◆表格標記設定該表格的各項參數
<CAPTION>◆表格標題做成一打通列以填入表格標題
<TR>◆表格列設定該表格的列
<TD>◆表格欄設定該表格的欄
<TH>◆表格標頭相等於<TD>，但其內之字體會變粗
表單標記
<FORM>◆表單標記決定單一表單的運作模式
<TEXTAREA>◆文字區塊提供文字方盒以輸入較大量文字
<INPUT>◇輸入標記決定輸入形式
<SELECT>◆選擇標記建立 pop-up 捲動清單
<OPTION>◇選項每一標記標示一個選項
圖形標記
<IMG>◇圖形標記用以插入圖形及設定圖形屬性
連結標記
<A>◆連結標記加入連結
影像地圖
<MAP>◆影像地圖名稱設定影像地圖名稱
框架標記
<FRAMESET>◆框架設定設定框架
<FRAME>◇框窗設定設定框窗
<NOFRAMES>◆不支援框架設定當瀏覽器不支援框架時的提示
其他標記
<META>◇開頭定義讓瀏覽器知道這是HTML文件
<LINK>◇關係定義定義該文件與其他URL的關係
<EMBED>◇多媒體加入聲音、音樂或影像
StyleSheet
<STYLE>◆式樣表控制網頁版面
<SPAN>◆自訂標記獨立使用或與式樣表同用
◆ 表示圍堵標記 | ◇ 表示空標記