HTML 基础 - 技术栈

HTML 基础

请叫我飞哥@2024-12-21 15:44

1.1 什么是 HTML： HTML（Hypertext Markup Language）是一种用于创建网页的标记语言。它使用标记来结构化文档，并使用标记来描述文档的内容和各个部分的意义。HTML 中的标记可以告诉浏览器如何显示文本、图像、链接和其他元素。

1.2 HTML 的历史： HTML 最早在 1990 年由蒂姆·伯纳斯-李（Tim Berners-Lee）创造，目的是为了共享科学信息。最初的 HTML 版本非常简单，只有一些基本的标签，如 <h1>（标题）、<p>（段落）等。随着时间的推移，HTML 发展成为一种更复杂和功能强大的语言，新增了许多标签和功能。

1.3 HTML 文档结构：

一个基本的HTML文档结构包含以下几个部分：

<!DOCTYPE> 声明：这是HTML5的声明，用于指定文档类型。
<html> 标签：这是整个HTML文档的根元素。
<head> 标签：包含了一些元数据，例如页面的标题、字符编码和引入的外部样式表或脚本文件等。
<body> 标签：包含了页面的主要内容，例如文本、图像、链接等。

下面是一个简单的HTML文档结构示例：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>My Webpage</title>
  <link rel="stylesheet" href="styles.css">
  <script src="script.js"></script>
</head>
<body>
  <h1>Welcome to My Webpage</h1>
  <p>This is a paragraph of text.</p>
  <img src="image.jpg" alt="Image">
  <a href="https://www.example.com">Click here</a>
</body>
</html>

在这个示例中，<head> 标签中包含了一个字符编码声明（指定文档使用的字符编码为UTF-8）、标题、一个引入的样式表和一个引入的脚本文件。<body> 标签中包含了一个标题、一个段落、一张图片和一个链接。