★目前位置→第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>是快多了。現今的網頁架設越來越要求美觀又快速,不少網站都早已拋棄使用圖片式的分格線了,這類的分格線標籤若善加以語法美化,甚也不遜色於圖片式的,且又能快速的展現出來。

☆~ 變化無邊的分格線 ~☆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是填1∼6中的任一數,其中1最大,且前後要對應哦。
 
☆~ 顯眼的文字標題 ~☆<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> 所在位址之意。  
<!--註解文字--> 註解之意,於<!---->之間的所有文字皆不會出現。  

HTML語法測試區

HTML語法練習