【HTML 基础】元素和标签


HTML(Hypertext Markup Language)是构建 Web 页面的基础。在 HTML 中,我们使用各种标签(Tags)来定义文档的结构和内容。以下是一些常见的 HTML 标签,它们在网页设计中扮演着重要的角色。

1. <p> - 段落标签

<p> 标签用于定义文本的段落。所有放在 <p> 标签中的文本将被显示为一个段落

<p>这是一个段落。</p>

执行效果

在这里插入图片描述

2. <h1> - <h6> - 标题标签

HTML 提供了六个级别的标题标签,分别是 <h1> 到 <h6>,表示从最高级标题到最低级标题

<h1>这是最大的标题</h1>
<h2>这是较大的标题</h2>
<!-- ... -->
<h6>这是最小的标题</h6>

执行效果

在这里插入图片描述

3. <a> - 超链接标签

<a> 标签用于创建超链接,将文本或图像链接到另一个文档或资源

<a href="https://www.baidu.com/">访问百度</a>

执行效果

在这里插入图片描述

4. <img> - 图片标签

<img> 标签用于在页面中插入图像。src 属性指定图像的文件路径或 URL

<img src="C:\Users\Administrator\Desktop\CSDN\HTML\html-logo.png" alt="这是一个LOGO图片">

执行效果

在这里插入图片描述

5. <ul>, <ol>, <li> - 列表标签

HTML 支持无序列表(<ul>)、有序列表(<ol>)和列表项(<li>)

无序列表

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

执行效果

在这里插入图片描述

有序列表

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

执行效果

在这里插入图片描述

总结

这只是 HTML 中一小部分常见标签的介绍。了解这些基础标签是构建网页的第一步。随着你深入学习,你将发现 HTML 提供了丰富的标签,用于定义文档的结构、内容和样式。继续学习 HTML,打造令人印象深刻的 Web 页面吧!

相关推荐

  1. html元素基本使用

    2024-01-29 09:58:01       18 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-29 09:58:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-29 09:58:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-29 09:58:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-29 09:58:01       18 阅读

热门阅读

  1. IndexedDB

    IndexedDB

    2024-01-29 09:58:01      38 阅读
  2. 1.4编程基础之逻辑表达式与条件分支

    2024-01-29 09:58:01       25 阅读
  3. MySQL中四种索引类型

    2024-01-29 09:58:01       29 阅读
  4. 从微服务到云原生

    2024-01-29 09:58:01       34 阅读
  5. 无穷大与无穷小【高数笔记】

    2024-01-29 09:58:01       35 阅读