HTML 用法及代碼示例

HTML 標簽定義段落並用於為網頁中的文本內容提供結構。它是一個塊級元素，用於在元素前後添加空格或邊距，默認情況下，這是由瀏覽器完成的。

用法

<p> This is paragraph element </p>

示例

HTML


<!DOCTYPE html>
<html>
<head>
    <title>HTML p Tag</title>
</head>
<body>
    <h2>HTML p Tag</h2>
    <p>Welcome to GeeksforGeeks</p>
    <p>A computer science portal for geeks</p>
</body>
</html>

輸出：

html-p-tag

自定義 CSS 到段落

我們可以使用內部、外部或內聯 CSS 樣式為段落指定樣式。在這裏，我們使用 CSS 內部樣式將文本顏色定義為綠色、font-size 和 font-weight。

例子：該示例展示了如何將 CSS 樣式應用到段落。

HTML


<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML paragraph tag </title>
   
    <style>
        p {
            color: green;
            font-size: 30px;
            font-weight: 700;
        }
    </style>
</head>
<body>
    <p>This is paragraph element</p>
</body>
</html>

輸出：

htmlp

對齊段落

HTML 可以與 CSS 屬性對齊文本對齊.

例子：該示例展示了如何將 CSS 樣式應用到帶有文本對齊的段落。

HTML


<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML paragraph tag</title>
    <style>
        p {
            color: green;
            font-size: 30px;
            font-weight: 700;
            text-align: center;
            background-color: rgb(186, 218, 186);
        }
    </style>
</head>
<body>
    <p>This is paragraph element</p>
</body>
</html>

輸出：

瀏覽器的默認CSS

瀏覽器向 元素提供默認 CSS 樣式。瀏覽器使用的默認樣式在以下示例中的樣式標記中定義。

例子：該示例顯示了具有瀏覽器默認 CSS 的段落。

HTML


<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML paragraph tag</title>
    <style>
        p {
            display: block;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
        }
    </style>
</head>
<body>
    <p>
        This is paragraph element with
        browser's default styling
    </p>
</body>
</html>

輸出：它在瀏覽器屏幕上顯示簡單的輸出。

This is paragraph element with browser's default styling

支持的瀏覽器

chrome 合金1
邊 12
蘋果瀏覽器 1
火狐瀏覽器 1
Opera 15

相關用法

注：本文由純淨天空篩選整理自shivanigupta18rk大神的英文原創作品 HTML Tag。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。