| ★目前位置→第03章。常用標籤 | ||||
| 01.何謂Html | 02.基本架構 | 03.常用標籤 | 04.字體大小 | 05.字的變化 |
| 06.項目格式 | 07.走馬燈 | 08.超連結 | 09.貼圖標籤 | 10.圖片連結 |
| 11.表格運用 | 12.插入音樂 | 13.body設定 | 14.分割視窗 | 15.製作表單 |
| 段行標籤解說 | |
| <br> | 此標籤是跳下一行，若您的本文沒使用段行標籤的話，基本上則會寫滿一個畫面才會跳下一行，而使用<br>的話則可在適當的地方讓文章能換行。 |
| <p></p> | 此標籤是段落，若您的本文沒使用段行標籤的話，基本上則會寫滿一個畫面才會跳下一行，而使用<p>的話則可自動跳到下一段落，也就是中間會空一行，這與<br>有不同之處。基本上<p>是對應標籤，但我很少在用</p>來結束段落，有加的話是較正規，不加也不會被扁啦！ |
| 來看看<br>與<p>的差別比較，這樣清楚多了吧^_^ | |||
| 原 始 檔 內 容 |
什麼都不加 | 加上<br> | 加上<p> |
| 文字一 文字二 文字三 |
文字一<br> 文字二<br> 文字三<br> |
文字一<p> 文字二<p> 文字三<p> | |
| 輸 出 後 的 結 果 |
文字一文字二文字三 | 文字一 文字二 文字三 |
文字一
文字二 文字三 |
| 分格線標籤解說 | |
| <hr> | 此標籤會產生一條分格線，其也有附屬的設定可加以變化，比起圖片的分格線來說，使用<hr>是快多了。現今的網頁架設越來越要求美觀又快速，不少網站都早已拋棄使用圖片式的分格線了，這類的分格線標籤若善加以語法美化，甚也不遜色於圖片式的，且又能快速的展現出來。 |
| 置中標籤解說 | |
| <center></center> | 將所要置中的文字或圖片置於<center>與</center>之間即可，而放在<center>與</center>之間的所有物件，不論是文字還是圖案，不論中間有多少東西，系統會自動找到中心點放置，就算突然的縮小視窗或放大視窗，它都會馬上自動找到中心點顯出來，這個功能在網頁上算是很普及使用到的。 |
| 標題標籤解說 | |
| <hn></hn> | 一個明顯的標題，除了使用圖片，文字也是不錯唷，但小小的文字豈會顯眼，這個標題標籤幫你做到放大標題還分為六等級的標籤，因此上述中的n是填１∼６中的任一數，其中１最大，且前後要對應哦。 |
| 一個排版用的標籤 | |
| <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> | 所在位址之意。 | |
| <!--註解文字--> | 註解之意，於<!--與-->之間的所有文字皆不會出現。 | |