本教程将深入介绍 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>