安排文字段落和版面.pptVIP

第 2 章 安排文字段落與版面 本章提要 2-1 控制文章段落 2-2 設定文字標題與對齊方式 2-3 應用範例 2-1 控制文章段落 在上章的內容中, 我們以 body 標籤示範了幾個簡單的例子, 這些例子內的文字以網頁的形式在瀏覽器中顯示時, 不會依照編時所安排的段落格式, 該換行時沒有換行, 該空一行時也不會空行, 該空格時好像也沒有空格。 這是因為在瀏覽器中, 文件的段落格式 (包含文句、段落的換行與空格) 一律必須透過HTML 標籤來安排。以下我們就要介紹幾個控制文字段落、版面的標籤, 讓我們可以自由安排網頁的文字。 2-1-1 強制換行－br 在瀏覽網頁時, 文字會隨著瀏覽器的視窗大小而自動換行。不過如此一來, 每個人瀏覽我們的網頁時看到的版面就可能都不相同。如果我們希望自行安排文字版面, 可以用 br 標籤強制定換行。br 標籤使用的方式很簡單, 只須在要換行的地方 (通常是一行的最後面) 加上 br 標籤, 則瀏覽器就會先換行, 再顯示後續的文字, 例如： 2-1-1 強制換行－br 2-1-2 文字分段－p 就像我們寫文章習慣會分段落, 當然在 HTML 裏也有讓文字分段的 p 標籤。p標籤和 br 標籤有什麼不同呢？p 標籤除了換行之外, 瀏覽器還會多空一行空白, 再接著顯示後面的文字。 2-1-2 文字分段－p 上例中也可在段落的結束處加上結尾的 /p