DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> 關於HTML >> 實例講解BR和P標簽的區別
實例講解BR和P標簽的區別
編輯:關於HTML     

換行標記<br>的使用

換行標記<br>是一個沒有結尾的標記,HTML文件中任何位置只要使用了<br>標記,當文件顯示在浏覽器中時,該位置之後的文字將顯示於下一行,該<br>標記就是起到換行的標記!

請注意!在一般的文字文件中,只要按下鍵盤上的Enter健便用產生了換行,但是在HTML文件中按Enter鍵換行是沒用的,我們必須用特定的標記<br>來讓它們產生換行!例:

以下為引用的內容:
<html>
<head>
<title>br標記的使用</title>
</head>
<body>
清平調<br>
雲想衣裳花想容,<br>
春風拂檻露華濃,<br>
若非群玉山頭見,<br>
會向瑤台月下逢。<br>
</body>
</html>

看看會出現什麼效果呢~!

有人要問把整首詩讓它在頁面居中該怎麼辦呢?如果實現居中我們可以用到我們以前學過的<p align=center>內容</p>來實現!
例:

以下為引用的內容:
<html>
<head>
<title>br標記的使用</title>
</head>
<body>
<p align=center>清平調<br>
雲想衣裳花想容,<br>
春風拂檻露華濃,<br>
若非群玉山頭見,<br>
會向瑤台月下逢。<br>
</p>
</body>
</html>

================================================

段落標記<p>的使用

由<p>標記所標識和文字,代表同一個段落的文字。在浏覽器中,不同段落文字間除了換行外,有時還會以一行空白加以間隔,以便區別出文字的不同段落,其語法如下:
<p>文字</p>
但在一般的應用中,往往只會在要區分為段落的文字後,加是上一個<p>標.記例:

以下為引用的內容:
<html>
<head>
</head>
<title><p>標記的使用</title>
</head>
<body>
清平調<p>
雲想衣裳花想容,<p>
春風拂檻露華濃,<p>
若非群玉山頭見,<p>
會向瑤台月下逢,<p>
</body>
</html>

那麼<br>和<p>的有什麼區別呢?通俗的講就是,它們在分行的時候<br>分得行比

<p>分得行距比較大!我們可以看一下:

以下為引用的內容:
<html>
<head>
</head>
<title><p>標記的使用</title>
</head>
<body>
清平調<br>
雲想衣裳花想容,<br>
春風拂檻露華濃,<p>
若非群玉山頭見,<p>
會向瑤台月下逢,<p>
</body>
</html>

這樣就可以看到效果了,看出來了嗎?

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved