1.段落標籤
在瀏覽網頁閱讀文章時,你會發現一篇文章不僅有標題,還有段落,並且一篇文章還不止一個段落。
段落標籤也很簡單,即<p>…</p>。只要把你的文字放在這個標籤之間,就會在網頁上顯示一個段落。你可以多次使用這個標籤將一篇文章分為多個段落。
例如:
<body>
<p>這是第一段文字</p>
<p>這是第二段文字</p>
……..
</body>
顯示網頁的時候,瀏覽器會默認在每個段落前後各添加一個空白行。
2.段落內換行標籤
當你在段落標籤內不使用換行標籤時,你的屏幕有多寬,在瀏覽器中一行文字就顯示多寬。這樣的頁面非常不美觀。所以,你需要將段落分為幾行來顯示。
換行標籤是個空元素,只是為了控制將一段文字分行顯示,換行標記就是<br />,你可以多次使用這個標籤來將段落文字分為多行顯示。
如果你在某行文字後面使用了<br />之後,再次使用該標記,就會產生一個空行。
例如,下面一個段落會分為兩行,第一個<br />用於換行,第二個<br />用於產生一個空行。
<p>
這是第一行文字
<br />
<br />
這是第二行文字
</p>
3.總結
(1)如果你想標記一篇文章的標題,請使用<h1>---<h6>標籤
(2)如果你想標記一個段落,請使用<p>標籤,它是單詞paragraph(段落)的縮寫。瀏覽器會在每段文字前後添加一個空白行。
(3)如果你想將一段文字分文多行,請使用<br />標籤,它是單詞break(中斷)的縮寫。瀏覽器遇到此標籤,就會理解為本行到此結束,段落內剩下的文字會在下一行開始顯示。
4.現在來展示一篇純文字格式的文章所用的標記。
<html> 這是網頁開始標籤
<head>
這是網頁頭部標籤,這裡面的內容,不顯示。
</head>
<body>這是網頁主體開始標記
<h1>這是文章標題,使用了一號標題</h1>
<hr />這是水平線,用於分割標題和下面的段落
<p>
這是第一段文字的第一行<br/>
這是第一段文字的第二行<br/>
………..
<p>
<p>這是文章的第二段文字</p>
</body>這是網頁主體結束標籤
</html> 這是網頁結束標記
上一篇文章:Web前端學習第六課,HTML標題標籤和水平線標籤