HTML新手小白搭建指南

从零开始学习HTML,搭建你的第一个网页

什么是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标签

标题标签

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

段落和文本格式

这是一个段落。

这是加粗的文字,这是斜体的文字。

这是下划线文字,这是删除线文字。

列表

有序列表:

  1. 第一项
  2. 第二项
  3. 第三项

无序列表:

  • 列表项一
  • 列表项二
  • 列表项三

链接和图片

这是一个链接

图片示例(这里使用占位图):

示例图片

表格

标签 描述 示例
<p> 定义段落 <p>这是一个段落</p>
<a> 定义超链接 <a href="#">链接</a>
<img> 定义图像 <img src="image.jpg" alt="描述">
<ul>和<li> 定义无序列表 <ul><li>项目</li></ul>

表单示例

表单用于收集用户输入:

下一步学习建议

  1. 掌握HTML基础后,学习CSS来美化你的网页
  2. 学习响应式设计,使网页在不同设备上都能良好显示
  3. 了解JavaScript,为网页添加交互功能
  4. 练习构建不同类型的网页项目