HTML p元素

admin發表於2018-09-12
HTML

在HTML中，使用p標籤來標記一段文字。

段落標籤會自動換行，並且段落與段落之間有一定的空隙。

程式碼例項: 

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style>
p {
  width:150px;
}
</style>
</head>
<body>
  <h3>螞蟻部落</h3>
  <p>本站的url地址是www.softwhy.com,歡迎大家提供有益的建議或者意見</p>
  <p>沒有任何人一開始就是高手，必須要通過艱苦的努力。</p>
</body>
</html>

上面程式碼通過<p>標籤劃分了兩個段落，段落會自動在上下位置產生空隙。

換行標籤<br/>:

此標籤可以實現隨心所欲的進行換行操作，但是不會產生空隙。

程式碼例項如下: 

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style>
div {
  width:650px;
}
</style>
</head>
<body>
  <h3>螞蟻部落</h3>
  <div>本站的url地址是www.softwhy.com,<br/>歡迎大家提供有益的建議或者意見</div>
</body>
</html>

上面程式碼通過<br/>標籤實現了換行，它可以插入文字的任何地方。

兩個標籤區別也是很明顯的，<p>是文字的容器，可以對文字進行更多的操作，比如設定字型大小，顏色，段落的寬度等等，<br/>則只單純實現了換行操作。

相關文章