一個基本的網頁架構
<html>
<head>
<title>聖誕快樂</title>
</head>
<body>
網頁內容
</body>
</html>
標籤解說
<html></html>此標籤是置於整個文件的開始和結束之處，以供瀏覽器識別此文件為合法的文件。
<head></head>此標籤是用以表示標頭資訊的開始與結束，在<head>與</head>之間可加入其它標籤<title></title>或<meta>等。
<title></title>此標籤中的就是此網頁的標題，也就是您瀏覽器最左上面的標題，若沒設則只會顯示成此網頁所在的網址。
<body></body>此標籤中所寫的內容即會顯示於網頁裡面
段行標籤解說
<br>此標籤是跳下一行，若您的本文沒使用段行標籤的話，基本上則會寫滿一個畫面才會跳下一行，而使用<br>的話則可在適當的地方讓文章能換行。
<p></p>此標籤是段落，若您的本文沒使用段行標籤的話，基本上則會寫滿一個畫面才會跳下一行，而使用<p>的話則可自動跳到下一段落，也就是中間會空一行，這與<br>有不同之處。基本上<p>是對應標籤，但我很少在用</p>來結束段落，有加的話是較正規，不加也不會被扁啦！
來看看<br>與<p>的差別比較，這樣清楚多了吧^_^
原始檔內容什麼都不加加上<br>加上<p>
文字一
文字二
文字三文字一<br>
文字二<br>
文字三<br>文字一<p>
文字二<p>
文字三<p>
輸出後的結果
文字一文字二文字三文字一
文字二
文字三
文字一
文字二
文字三
分格線標籤解說
<hr>此標籤會產生一條分格線，其也有附屬的設定可加以變化，比起圖片的分格線來說，使用<hr>是快多了。現今的網頁架設越來越要求美觀又快速，不少網站都早已拋棄使用圖片式的分格線了，這類的分格線標籤若善加以語法美化，甚也不遜色於圖片式的，且又能快速的展現出來。
變化無邊的分格線
01.最基本的<hr>使用方法
<hr>
02.可使用size來控制他的高度
<hr size=4>
03.可使用width來控制他的長度
<hr width=500>
<hr width=50%>
04.可使用color來控制他的顏色(請參照色碼表)本範例為紅色
<hr color=ff0000>
05.可使用align來控制他的位置(預設為置中center)右right、左left
<hr align=right>
06.混合使用(各標籤前後排列沒有影響)
<hr width=80% color=0000ff size=2 align=left>
置中標籤解說
<center></center>將所要置中的文字或圖片置於<center>與</center>之間即可，而放在<center>與</center>之間的所有物件，不論是文字還是圖案，不論中間有多少東西，系統會自動找到中心點放置，就算突然的縮小視窗或放大視窗，它都會馬上自動找到中心點顯出來，這個功能在網頁上算是很普及使用到的。
標題標籤解說
<hn></hn>一個明顯的標題，除了使用圖片，文字也是不錯唷，但小小的文字豈會顯眼，這個標題標籤幫你做到放大標題還分為六等級的標籤，因此上述中的n是填１～６中的任一數，其中１最大，且前後要對應哦。
顯眼的文字標題
<h1>字体設為H1的大小</h1>
<h2>字体設為H2的大小</h2>
<h3>字体設為H3的大小</h3>
<h4>字体設為H4的大小</h4>
<h5>字体設為H5的大小</h5>
<h6>字体設為H6的大小</h6>
一個排版用的標籤
<pre></pre>放在<pre>與</pre>之間的文字會以原本的格式顯示出來，不用使用像<br>之類的來斷行哦！不懂嗎！看範例就知道了。
來看看他的好處吧^_^
原始檔內容使用<br>使用<pre>
文字一<br>
文字二<br>
文字三<br><pre>
文字一
文字二
文字三
</pre>
輸出後的結果
文字一
文字二
文字三
文字一 文字二 文字三
其它常用的標籤
<strong></strong>用以加強文字的效果，有點像粗體文字。飯粒
<em></em>用以強調文字的效果，有點像斜體文字。飯粒
<samp></samp>範例之意，好像沒什麼作用@_@。飯粒
<code></code>原始碼之意。
<var></var>變數之意。
<dfn></dfn>定義之意。
<cite></cite>引用之意。
<address></address>所在位址之意。
<!--註解文字-->註解之意，於<!--與-->之間的所有文字皆不會出現。