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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。