什么是HTML?
HTML(超文本标记语言)是构建网页的标准标记语言。它使用标签来描述网页的结构和内容。
注意: HTML不是编程语言,而是标记语言,用于定义网页内容的结构。
HTML文档结构
每个HTML文档都应该遵循以下基本结构:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网页标题</title>
</head>
<body>
<!-- 网页内容放在这里 -->
</body>
</html>
提示: 使用语义化标签(如header、nav、main、section、footer)可以使你的HTML更清晰、更易读。
常用HTML标签
标题标签
这是一级标题
这是二级标题
这是三级标题
这是四级标题
这是五级标题
这是六级标题
段落和文本格式
这是一个段落。
这是加粗的文字,这是斜体的文字。
这是下划线文字,这是删除线文字。
列表
有序列表:
- 第一项
- 第二项
- 第三项
无序列表:
- 列表项一
- 列表项二
- 列表项三
链接和图片
表格
| 标签 | 描述 | 示例 |
|---|---|---|
| <p> | 定义段落 | <p>这是一个段落</p> |
| <a> | 定义超链接 | <a href="#">链接</a> |
| <img> | 定义图像 | <img src="image.jpg" alt="描述"> |
| <ul>和<li> | 定义无序列表 | <ul><li>项目</li></ul> |
表单示例
表单用于收集用户输入:
下一步学习建议
- 掌握HTML基础后,学习CSS来美化你的网页
- 学习响应式设计,使网页在不同设备上都能良好显示
- 了解JavaScript,为网页添加交互功能
- 练习构建不同类型的网页项目