HTML 基础实例

本教程将深入介绍 HTML 的基础知识,并通过一系列示例来说明。本文档使用 Markdown 格式编写。

1. HTML 简介

HTML(Hyper Text Markup Language)是构建网页的标准语言。它定义了网页的结构,包括如何组织段落、图像和其他元素。

2. HTML 基本结构

每个 HTML 文档都由 <!DOCTYPE> 声明开头,后跟 <html> 标签。此标签包含两个部分:<head><body>

<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>
    <!-- Your content here -->
</body>
</html>

3. HTML 元素和标签

HTML 使用元素来定义文档中的不同部分。元素由开始标签、内容和结束标签组成,如 <p>This is a paragraph</p>

4. HTML 头部(Head)

头部包含关于文档的元数据,不在网页本身显示,但被浏览器、搜索引擎和其他 web 服务使用。例如,<title> 标签定义了文档的标题,<meta> 标签提供了关于文档的元数据。

5. HTML 主体(Body)

主体包含在网页上显示的内容,如文本、图像和链接等。

6. HTML 基础实例

6.1 段落(Paragraphs)

使用 <p> 标签定义一个段落:

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

6.2 链接(Hyperlinks)

使用 <a> 标签定义一个超链接:

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

6.3 图像(Images)

使用 <img> 标签插入一个图像,src 属性定义了图像的 URL:

<img src="image.jpg" alt="描述这个图像">

6.4 列表(Lists)

使用 <ul><ol><li> 标签创建无序列表和有序列表:

<ul>
    <li>项目1</li>
    <li>项目2</li>
</ul>

<ol>
    <li>第一项</li>
    <li>第二项</li>
</ol>