构建网页的基本HTML标签

最新推荐文章于 2024-11-07 13:56:28 发布

hyh2023090208

最新推荐文章于 2024-11-07 13:56:28 发布

阅读量503

点赞数 13

文章标签： html 前端

本文链接：https://blog.csdn.net/qy_hell/article/details/142031087

版权

文章目录

前言

在构建网页时，HTML（超文本标记语言）提供了一系列的标签，用于创建网页的结构和内容。以下是一些基本的HTML标签，它们是构建网页时不可或缺的元素。

一、基本骨架标签

1.<!DOCTYPE html>：声明文档类型，告诉浏览器使用HTML5标准来渲染页面。

2.<html>：包裹整个HTML文档的根元素。

3.<head>：包含文档的元信息，如标题、字符集声明、链接到外部资源等。

4.<body>：包含网页的所有可见内容，如文本、图片、链接等。

二、段落换行水平线标签

1.：定义一个段落，通常用于包含文本内容。

2. ：插入一个换行符，用于在文本中创建新的一行，但不创建新的段落。

3.<hr>：创建一条水平线，通常用于分隔内容或表示主题的变化。

三、文本标签

1.：显示加粗的文本，用于强调重要性。

2.：显示斜体的文本，用于强调文本的语气。

3.：显示斜体文本，但不带有强调的语义。

4.<del>：显示删除线文本，通常用于标记已过时或不再需要的内容。

5.：显示加粗的文本，但不带有强调的语义。

示例代码：

以下是一个简单的HTML示例，展示了上述标签的使用：
<!DOCTYPE html>
<html lang="1">
<head>
    <meta charset="UTF-8">
    <title>我的网页</title>
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p>这是一个段落，<strong>加粗文本</strong>用于强调。</p >
    <p>斜体文本 <em>可以用来表示强调或引用</em>。</p >
    <p>删除线文本 <del>表示不再需要的内容</del>。</p >
    <hr>
    <p>这是另一个段落，下面是一个换行：<br>这是换行后的文本。</p >
</body>
</html>

在这个示例中，<h1>标签用于创建一级标题，标签用于创建段落，、和<del>标签用于格式化文本， 标签用于插入换行，<hr>标签用于创建水平线。