HTML常用格式标签攻略

概述

HTML（Hypertext Markup Language）是一种标记语言，被用于创建网页和其他可在浏览器中展示的信息。HTML 使用标签来描述网页的各个部分。在 HTML 中，标签是用尖括号表达的。常用格式标签是在网页中设置文本字体、颜色、大小、样式等，是网页美化中经常使用的标签。

常见的HTML格式标签

下面介绍一些常用的 HTML 格式标签：

1. 标题标签

<h1>网页标题1</h1>
<h2>网页标题2</h2>
<h3>网页标题3</h3>
<h4>网页标题4</h4>
<h5>网页标题5</h5>
<h6>网页标题6</h6>

其中，<h1> 表示最大的网页标题，<h6> 表示最小的网页标题。

2. 段落标签

<p>这是一个段落标签，显示正常文本。</p>

3. 文本格式标签

加粗文字

<b>这是加粗的文字。</b>

斜体文字

<i>这是斜体的文字。</i>

下划线文字

<u>这是带下划线的文字。</u>

4. 换行标签

<br>

例如：

这是第一行。<br>
这是第二行。

5. 水平线标签

<hr>

用于在网页中创建一条水平线。

6. 列表标签

列表标签包括有序列表和无序列表，下面分别介绍。

6.1 无序列表标签

<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ul>

其中，<ul> 表示无序列表，<li> 表示列表项。

6.2 有序列表标签

<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ol>

其中，<ol> 表示有序列表，<li> 表示列表项。

示例

下面通过一个例子来展示上述标签的用法。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HTML格式标签示例</title>
</head>
<body>
    <h1>这是一个网页标题</h1>
    <p>这是一个段落标签，显示正常文本。</p>
    <b>这是加粗的文字。</b>
    <i>这是斜体的文字。</i>
    <u>这是带下划线的文字。</u>
    <br>
    这是第一行。<br>
    这是第二行。
    <hr>
    <ul>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
    </ul>
    <ol>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
    </ol>
</body>
</html>

运行这段代码，可以看到一个包含标题、段落、加粗、斜体文字、下划线文字、换行、水平线以及有序、无序列表的网页。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：HTML常用格式标签_动力节点Java学院整理 - Python技术站

HTML常用格式标签_动力节点Java学院整理