【HTML 基础】介绍

文章目录

      • 定义
      • 作用
      • 基本概念
        • 1. 标签(Tags)
        • 2. 元素(Elements)
        • 3. 属性(Attributes)
        • 4. 文档结构
      • 总结

HTML(HyperText Markup Language)是构建世界各地互联网页面的基本构建块之一。作为一种超文本标记语言,HTML起着将文本、图像、链接等元素结合起来形成网页的关键作用。在这篇博客中,我们将介绍 HTML 是什么,它的作用以及一些基本概念。

定义

HTML 是一种标记语言,用于描述和组织文档的结构。它由一系列的标签(tag)组成,每个标签代表文档中的一个元素,比如段落、标题、链接等。这些标签通过尖括号包裹内容,形成了可读性强且易于理解的文档结构。

作用

HTML 的主要作用是定义网页的结构和内容。通过使用不同的 HTML 标签,我们能够创建段落、标题、列表、表格等丰富多彩的页面元素。HTML 还允许我们嵌套不同的标签,从而构建出复杂的页面布局。无论是简单的个人博客,还是复杂的电子商务网站,HTML 都是构建这些网页的基础。

基本概念

1. 标签(Tags)

在 HTML 中,标签是最基本的构建单元。它们用于定义文档中的各种元素

例如:

<p>这是一个段落p>
<h1>这是一个标题h1>
<a href="https://www.baidu.com">这是一个链接a>

执行效果

在这里插入图片描述

每个标签由尖括号包裹,通常成对出现,包括一个开标签和一个闭标签。开标签包含了元素的名称,而闭标签则在名称前加上斜杠。

2. 元素(Elements)

元素是指标签及其包裹的内容的总和。

在上面的例子中,

分别是元素的开标签,而

则是相应的闭标签。

3. 属性(Attributes)

属性提供了有关 HTML 元素的附加信息。它们以键值对的形式存在,放置在元素的开始标签中。

例如, 元素可以包含 href 属性,用于指定链接的目标地址。

<a href="https://www.baidu.com">这是一个链接a>

执行效果

在这里插入图片描述

4. 文档结构

HTML 文档由多个元素组成,最外层的元素是 ,包含了整个文档。文档头部由 标签定义,其中包含了元数据、样式表和脚本等信息。文档的实际内容则位于 标签内。

DOCTYPE html>
<html>
<head>
  <title>我的网页title>
head>
<body>
  <h1>欢迎来到我的网页h1>
  <p>Hello World!p>
body>
html>

执行效果

【HTML 基础】介绍_第1张图片

总结

通过理解这些基本概念,你将能够构建简单到复杂的网页结构,为学习更高级的前端技术奠定了基础。HTML 是互联网世界中的一门重要语言,掌握它将为你打开构建精彩网页的大门。

你可能感兴趣的:(HTML,html,前端)