什么是 HTML？

HTML（超文本标记语言）是构建网页内容的基石，通过标签定义文本、图片、链接等元素。它如同网页的骨架，让浏览器能理解并渲染结构化的信息。

HTML 基本结构

每个 HTML 文档都包含以下核心部分：

<!DOCTYPE html>
<html>
  <head>
    <title>网页标题</title>
  </head>
  <body>
    <h1>这是主标题</h1>
    <p>这是段落内容</p>
  </body>
</html>
HTML_结构示意图

常用标签一览 📝

标签 用途
<h1>~`
`
 标题层级（<h1>最大，<h6>最小）
<p> 段落文本
<a> 超链接（如：<a href="/zh/html_css_blog/tutorials/css-basics">CSS 基础</a>）
<img> 插入图片（如：<img src="image.jpg" alt="描述文字">）

属性与值的用法

标签可以通过 属性="值" 设置额外信息，例如：

<a href="https://example.com" target="_blank">点击访问</a>
<img src="logo.png" alt="网站图标" width="100">
HTML_属性_与_值

文档类型声明

<!DOCTYPE html> 定义文档类型，确保浏览器以最新标准解析页面。不同版本的 HTML 会使用不同的声明，例如：

  • <!DOCTYPE html> → HTML5
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> → XHTML 1.0

学习推荐 📚

想进一步了解 CSS 布局？点击 CSS 基础教程 深入学习！