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 的基本用法。