HTML基礎教學(3)--基本排版語法

這一次我們要來說說一些基本排版的標籤語法

換行
若你已開始照我們之前的教學進行練習, 你可能已發現到你在文章內輸入的換行, 在網頁上並不會呈現換行的效果, 只會像空格一樣, 其實在網頁上要換行, 是要用特定的標籤語法的, 以下是個範例

這是第一行的文字<BR>
這是第二行的文字<BR>這是第三行的文字

像上面這個例子一樣, 必須在你想要換行的地方加上 <BR> 標籤才行
HTML 這麼設計是有原因的, 一般人比較不喜歡捲動橫向的 ScrollBar, 所以在撰寫時也不喜歡在同一行寫太長, 在超過頁面時就會換行繼續撰寫, 但這個撰寫時的換行, 不見得是想要在網頁上呈現換行的地方, 所以才設計這個標籤

不換行
這也是個特別的標籤, 一般來說, 若你打了一篇長長的文章, 則在網頁呈現時, 它會自動在超過版面時換到下一行, 就跟在 Word 上打文章一樣, 但若你有某一些文字, 不希望顯示時被拆成兩行, 那麼你就可以用下面的標籤來達成

這是一大串內容
<NOBR>這是不想被拆成兩行的內容</NOBR>
這是另一串內容

(請試著調整視窗的寬度來觀察它的變化)

標題
我們一般在文章性內容的網頁裡, 有時那些大標題、小標題等會須要改變文字的大小, 以及加粗體設定等, 因此 HTML 為了方便撰寫網頁的人, 也設計了下面這一組標籤來達到這些效果, 而不須自己再去一一指定文字大小等樣式

<H1>文字內容</H1>
<H2>文字內容</H2>
<H3>文字內容</H3>
<H4>文字內容</H4>
<H5>文字內容</H5>
<H6>文字內容</H6>

這些標籤每一個都會獨佔一行, 並且每一個標籤都會跟上下文留有一點距離, H 後面的數字是由 1 到 6, 數字愈小字愈大

分段落
在撰寫文章時, 也常會分段落, HTML 同樣有提供了一個段落的標籤

<P>這裡是一段</P>
<P>這裡是另一段</P>

當我們用 P 標籤將每個段落內容包起來, 此時每一個段落之間會有一點距離, 目前除了這個用途外, 並沒有其他的作用

水平線
有時候我們也可能希望在網上畫一條橫線, 這也是在排版上分區或分段時常會運用到的, 其語法非常簡單

這是第一區
<HR>
這是第二區

這個水平線會畫滿一整行, 所以上例中的文字會呈現在水平線的上方與下方

文字置中
有時我們也可能需要將文字置中, 這時可以利用 CENTER 標籤來達成

這裡的文字會靠左<BR>
<CENTER>
這裡的文字會置中<BR>
</CENTER>
這裡的文字會靠左

--gs--
{HTML基礎教學}{HTML 排版}

沒找到你要的東西嗎？歡迎留下你的問題！若是我知道的，我會盡力的回答。