HTML <p> 元素

admin發表於2018-09-12
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/>則只單純實現了換行操作。

相關文章