HTML基礎的 &lt;p&gt; 標簽

例

以下代碼標記了一個段落：

<p>這是一個段落。</p>

瀏覽器支持

目前大多數瀏覽器支持 <p>標簽。

標簽定義及使用說明

<p> 標簽定義段落。

<p>元素會自動在其前后創建一些空白。瀏覽器會自動添加這些空間，您也可以在樣式表中規定。

在HTML 4.01 與 HTML5中的差異

HTML 4.01中標簽的 align 屬性已經廢棄，HTML5不支持該屬性。

屬性

屬性	值	描述
align	leftrightcenterjustify	HTML5不支持。 HTML 4.01已廢棄。不贊成使用。請使用樣式取代它。規定段落中文本的對齊方式。

全局屬性

<p> 標簽支持全局屬性，查看完整屬性表 HTML全局屬性。

事件屬性

<p> 標簽支持所有 HTML事件屬性。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

TML（HyperText Markup Language）是一種用于創建網頁的標記語言。它由一系列的標簽組成，這些標簽用于描述網頁的結構和內容。HTML標簽通常由尖括號包圍，例如<tag>。

HTML標簽可以分為兩類：塊級元素和內聯元素。塊級元素用于組織網頁的結構，例如段落、標題、列表等。內聯元素用于標記文本中的特定部分，例如鏈接、強調文本等。

HTML標簽可以包含屬性，屬性提供了有關標簽的額外信息。例如，<a>標簽用于創建鏈接，可以使用href屬性指定鏈接的目標URL。

除了標簽和屬性，HTML還支持一些特殊字符實體，用于表示特殊字符，例如小于號（<）、大于號（>）等。

HTML可以與CSS（層疊樣式表）和JavaScript一起使用，以增強網頁的外觀和功能。CSS用于控制網頁的樣式，例如顏色、字體、布局等。JavaScript用于實現交互性和動態效果，例如表單驗證、動畫等。

通過使用HTML，開發人員可以創建具有結構良好、易于理解和導航的網頁。它是構建互聯網的基礎之一，被廣泛應用于網站開發和內容管理系統。

HTML的語法由標簽、屬性和內容組成。下面是HTML的基本語法規則：

標簽：HTML標簽用于定義網頁的結構和內容。標簽通常由尖括號包圍，例如<tag>。標簽可以是成對出現的，其中包含一個開標簽和一個閉標簽，例如<tag>content</tag>。也可以是自閉合標簽，即只有一個標簽，沒有內容，例如<tag />。
屬性：HTML標簽可以包含屬性，屬性提供了有關標簽的額外信息。屬性通常以鍵值對的形式出現，例如<tag attribute="value">。屬性的值可以是字符串或布爾值。常見的屬性包括class、id、src、href等。
內容：HTML標簽可以包含文本內容或其他標簽。文本內容直接放置在標簽的開閉標簽之間，例如<p>這是一個段落。</p>。標簽可以嵌套在其他標簽中，形成標簽的層次結構。
注釋：HTML注釋用于在代碼中添加注釋，不會在網頁中顯示。注釋以結尾，例如。

下面是一個簡單的HTML示例：

<!DOCTYPE html>
<html>
<head>
  <title>我的網頁</title>
</head>
<body>
  <h1>歡迎來到我的網頁</h1>
  <p>這是一個段落。</p>
  <a href="https://www.example.com">點擊這里</a>訪問示例網站。
</body>
</html>

在這個示例中，<!DOCTYPE html>聲明了文檔類型為HTML5。<html>標簽是HTML文檔的根元素。<head>標簽用于定義文檔的頭部信息，例如標題和樣式表。<title>標簽定義了網頁的標題，將顯示在瀏覽器的標題欄中。<body>標簽用于定義文檔的主體內容。<h1>標簽定義了一個一級標題，<p>標簽定義了一個段落，<a>標簽定義了一個鏈接。

天遇到個來咨詢利用原生的JS代碼來修改HTML代碼的的童鞋，耐心的給這個童鞋做了解答后，然后整理了一下測試代碼，寫成文章記錄一下，方便以后有同需求的站長們。

目標需求

HTML原始代碼

<form action="" method="post" class="form">
 <input id="mm" type="text" >
 <input id="mochu" type="text" onclick="act(this.value)" />
 <input id="mc" type="text" >
</form>

目標要求：

利用JS代碼將以上HTML代中的 id 為 mochu 的 input 中的 cnclick 屬性去掉

<input id="mochu" type="text" onclick="act(this.value)" />

換成

<input id="mochu" type="text" />

解決方案

利用 JS中dom對象的 outerHTML 屬性，可以輕松的解決這個問題

outerHTML：設置或獲取對象及其內容的 HTML 形式

例：JS獲取元表本身的HTML代碼

代碼：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</form>

var html = document.getElementById('mochu').outerHTML;

console.log(html);

</script>

</body>

</html>

打印結果：

例：js修改指定元素的本身的HTML代碼

通上面的例子，可以知道 outerHTML 屬性可以獲取到元素本身的HTML代碼，既然可以獲取也能設置或修改元素本身的代碼

代碼：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form action="" method="post" class="form">
 <input id="mm" type="text" value="飛鳥慕魚博客" >
 <input id="mochu" type="text" onclick="act(this.value)"/>
 <input id="mc" type="text" >
</form>
<script>
 var html = document.getElementById('mochu').outerHTML = '<input id="mochu" type="text" value="http://www.feiniaomy.com" />';
</script>
</body>
</html>

運行結果如圖所示