HTML 是构建网页的基础,它定义了网页的结构和内容。本教程将为您介绍 HTML 的基础知识。

HTML 简介

HTML 是 HyperText Markup Language 的缩写,意为超文本标记语言。它使用一系列标签来描述网页的结构和内容。

HTML 基本结构

以下是一个简单的 HTML 页面示例:

<!DOCTYPE html>
<html>
<head>
    <title>我的第一个网页</title>
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p>这是我的第一个网页。</p>
</body>
</html>

在上面的代码中,<!DOCTYPE html> 声明文档类型,<html> 标签定义了整个 HTML 页面,<head> 标签包含了页面的元数据,如标题等,而 <body> 标签则包含了页面的可见内容。

标题标签

HTML 中有多个标题标签,如 <h1><h2><h3> 等。这些标签用于定义标题的层级。

  • <h1>:最高层级的标题
  • <h2>:次级标题
  • <h3>:三级标题
  • ...

例如:

<h1>HTML 标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>

段落标签

段落标签 <p> 用于定义网页中的段落。

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

链接标签

链接标签 <a> 用于创建指向其他网页的链接。

<a href="https://www.example.com">访问 Example</a>

在上面的代码中,链接文本为 "访问 Example",点击后会跳转到 "https://www.example.com"。

图片标签

图片标签 <img> 用于在网页中插入图片。

<img src="image.jpg" alt="图片描述">

在上面的代码中,src 属性指定了图片的路径,alt 属性则提供了图片的替代文本。

图片示例

示例图片

总结

本教程介绍了 HTML 的基础知识,包括基本结构、标题标签、段落标签、链接标签和图片标签。希望您能通过本教程掌握 HTML 的基本用法。

更多 HTML 教程