HTML段落

<p>標記: HTML中
的**<p>標記定義一個段落。這些都有打開和關閉標籤。因此,<p></ p>中提到的任何內容均視為一個段落。即使我們不使用結束標記(即</ p>),大多數瀏覽器也會將一行作為段落讀取,但這可能會導致意外的結果。因此,這既是一個很好的約定,我們也必須**使用結束標記。

句法:

<p>內容</ p>

範例:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Paragraph</title> 
</head> 
<body> 
    <p>A Computer Science portal for geeks.</p> 
    <p>It contains well written, well thought articles.</p> 
</body> 
</html>

輸出:

html

當我們查看網頁時,我們看到在段落之前和之後添加了很少的空格。HTML默認情況下會這樣做。讓我們看一下段落標記的一些屬性:

  • 如前所述,<p>標記會在任何段落之前和之後自動添加空間,這基本上是瀏覽器添加的邊距。
  • 如果用戶添加多個空格,則瀏覽器會將其減少到一個空格。
  • 如果用戶添加多行,則瀏覽器會將其減少為一行。

例:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Display_Paragraph</title> 
</head> 
<body> 
    <p> 
    This paragraph has multiple 
    lines. But HTML reduces them 
    to a single line, omitting 
    the carriage return we have used. 
    </p> 

    <p> 
    This paragraph      has multiple 
    spaces.     But HTML reduces   them 
    all to a     single space,   omitting 
    the extra   spaces and line    we have used. 
    </p> 
</body> 
</html>

輸出:
html

br標籤

br標籤是空標籤,它沒有結束標籤, <br>
可插入一個簡單的換行符

<br>

範例:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Display_Paragraph</title> 
</head> 
<body> 
    <p> 
    This paragraph has multiple<br>
lines.
    But HTML reduces them<br>
to a single 
    line, omitting<br>
the carriage return 
    we have used. 
    </p> 
</body> 
</html>

輸出:

br標籤

<align>屬性:

<p>標籤專門支持alignment屬性,並允許我們以左,右或中心對齊方式對齊我們的段落。
用法:

<p align =“ value”>

範例:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Paragraph</title> 
</head> 
<body> 
    <p align="center">Welcome Geeks</p> 
    <p align="left">A Computer Science
                  portal for geeks.</p> 
    <p align="right">It contains well 
    written, well thought articles.</p> 
</body> 
</html>

align

<pre>元素

我們已經看到了段落標記如何忽略段落中所有行和多餘空格的變化,但是有一種方法可以使用**<pre>**標記來保留它。它還包含一個開始標籤和一個結束標籤。它以固定的高度和寬度顯示文本,並保留我們使用的多餘行和空格。

用法:

<pre>內容</ pre>

範例:


<!DOCTYPE html> 
<html> 
<head> 
    <title>Display_Paragraph</title> 
</head> 
<body> 
    <pre> 
    This paragraph has multiple 
    lines. But it is displayed  
    as it is unlike the paragraph  
    tag. 
    </pre> 

    <pre> 
    This     paragraph has multiple 
    spaces. But     it is displayed  
    as it is    unlike the paragraph  
         tag. 
    </pre> 
</body> 
</html> 

輸出:
pre標籤