HTML基礎(chǔ)的 &lt;p&gt; 標(biāo)簽

例

以下代碼標(biāo)記了一個(gè)段落：

瀏覽器支持

目前大多數(shù)瀏覽器支持 <p>標(biāo)簽。

標(biāo)簽定義及使用說(shuō)明

<p> 標(biāo)簽定義段落。

<p>元素會(huì)自動(dòng)在其前后創(chuàng)建一些空白。瀏覽器會(huì)自動(dòng)添加這些空間，您也可以在樣式表中規(guī)定。

在HTML 4.01 與 HTML5中的差異

HTML 4.01中標(biāo)簽的 align 屬性已經(jīng)廢棄，HTML5不支持該屬性。

屬性

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

全局屬性

<p> 標(biāo)簽支持全局屬性，查看完整屬性表 HTML全局屬性。

事件屬性

<p> 標(biāo)簽支持所有 HTML事件屬性。

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

TML（HyperText Markup Language）是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)記語(yǔ)言。它由一系列的標(biāo)簽組成，這些標(biāo)簽用于描述網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容。HTML標(biāo)簽通常由尖括號(hào)包圍，例如<tag>。

HTML標(biāo)簽可以分為兩類(lèi)：塊級(jí)元素和內(nèi)聯(lián)元素。塊級(jí)元素用于組織網(wǎng)頁(yè)的結(jié)構(gòu)，例如段落、標(biāo)題、列表等。內(nèi)聯(lián)元素用于標(biāo)記文本中的特定部分，例如鏈接、強(qiáng)調(diào)文本等。

HTML標(biāo)簽可以包含屬性，屬性提供了有關(guān)標(biāo)簽的額外信息。例如，<a>標(biāo)簽用于創(chuàng)建鏈接，可以使用href屬性指定鏈接的目標(biāo)URL。

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

HTML可以與CSS（層疊樣式表）和JavaScript一起使用，以增強(qiáng)網(wǎng)頁(yè)的外觀和功能。CSS用于控制網(wǎng)頁(yè)的樣式，例如顏色、字體、布局等。JavaScript用于實(shí)現(xiàn)交互性和動(dòng)態(tài)效果，例如表單驗(yàn)證、動(dòng)畫(huà)等。

通過(guò)使用HTML，開(kāi)發(fā)人員可以創(chuàng)建具有結(jié)構(gòu)良好、易于理解和導(dǎo)航的網(wǎng)頁(yè)。它是構(gòu)建互聯(lián)網(wǎng)的基礎(chǔ)之一，被廣泛應(yīng)用于網(wǎng)站開(kāi)發(fā)和內(nèi)容管理系統(tǒng)。

HTML的語(yǔ)法由標(biāo)簽、屬性和內(nèi)容組成。下面是HTML的基本語(yǔ)法規(guī)則：

標(biāo)簽：HTML標(biāo)簽用于定義網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容。標(biāo)簽通常由尖括號(hào)包圍，例如<tag>。標(biāo)簽可以是成對(duì)出現(xiàn)的，其中包含一個(gè)開(kāi)標(biāo)簽和一個(gè)閉標(biāo)簽，例如<tag>content</tag>。也可以是自閉合標(biāo)簽，即只有一個(gè)標(biāo)簽，沒(méi)有內(nèi)容，例如<tag />。
屬性：HTML標(biāo)簽可以包含屬性，屬性提供了有關(guān)標(biāo)簽的額外信息。屬性通常以鍵值對(duì)的形式出現(xiàn)，例如<tag attribute="value">。屬性的值可以是字符串或布爾值。常見(jiàn)的屬性包括class、id、src、href等。
內(nèi)容：HTML標(biāo)簽可以包含文本內(nèi)容或其他標(biāo)簽。文本內(nèi)容直接放置在標(biāo)簽的開(kāi)閉標(biāo)簽之間，例如<p>這是一個(gè)段落。</p>。標(biāo)簽可以嵌套在其他標(biāo)簽中，形成標(biāo)簽的層次結(jié)構(gòu)。
注釋?zhuān)篐TML注釋用于在代碼中添加注釋?zhuān)粫?huì)在網(wǎng)頁(yè)中顯示。注釋以結(jié)尾，例如。

下面是一個(gè)簡(jiǎn)單的HTML示例：

<!DOCTYPE html>
<html>
<head>
  <title>我的網(wǎng)頁(yè)</title>
</head>
<body>
  <h1>歡迎來(lái)到我的網(wǎng)頁(yè)</h1>
  <p>這是一個(gè)段落。</p>
  <a href="https://www.example.com">點(diǎn)擊這里</a>訪(fǎng)問(wèn)示例網(wǎng)站。
</body>
</html>

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

天遇到個(gè)來(lái)咨詢(xún)利用原生的JS代碼來(lái)修改HTML代碼的的童鞋，耐心的給這個(gè)童鞋做了解答后，然后整理了一下測(cè)試代碼，寫(xiě)成文章記錄一下，方便以后有同需求的站長(zhǎng)們。

目標(biāo)需求

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>

目標(biāo)要求：

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

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

換成

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

解決方案

利用 JS中dom對(duì)象的 outerHTML 屬性，可以輕松的解決這個(gè)問(wèn)題

outerHTML：設(shè)置或獲取對(duì)象及其內(nèi)容的 HTML 形式

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

代碼：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</form>

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

console.log(html);

</script>

</body>

</html>

打印結(jié)果：

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

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

代碼：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form action="" method="post" class="form">
 <input id="mm" type="text" value="飛鳥(niǎo)慕魚(yú)博客" >
 <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>

運(yùn)行結(jié)果如圖所示