设计之家 > 教程 > 網頁教程 > HTML教程 >

實例講解BR和P標簽的區別

作者:佚名 來源:網頁教學網 時間:2009-07-01

換行標記<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>

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

标签:BR和P標簽

相關文章:

推薦設計

最新文章