HTML 教程

纯干货教学,从零开始学习 HTML

HTML 简介

🎉 欢迎开始 HTML 学习之旅!

你已经迈出了成为 Web 开发者的第一步!HTML 是构建网页的基础,掌握它将为你打开编程世界的大门。不要担心,HTML 非常容易学习,只要你保持耐心和热情,很快就能上手。

什么是 HTML?

HTML(HyperText Markup Language)是用于创建网页的标准标记语言。

  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签
  • HTML 使用标记标签来描述网页

💡 学习小贴士

标记语言的核心是通过标签来描述内容的结构和含义,而不是外观。外观是由 CSS 负责的,我们会在后续的教程中学习。

HTML 标签

HTML 标签是由尖括号包围的关键词,如 <html>

HTML 标签通常是成对出现的,如 <p></p>

标签对中的第一个标签是开始标签,第二个标签是结束标签。

HTML 文档结构

<!DOCTYPE html> 
<html> 
<head> 
    <title>页面标题</title> 
</head> 
<body> 
    <h1>这是一个标题</h1> 
    <p>这是一个段落</p> 
</body> 
</html> 

HTML 版本

HTML 已经发展了多个版本,目前最新的稳定版本是 HTML5。

  • HTML 2.0 - 1995年
  • HTML 3.2 - 1997年
  • HTML 4.01 - 1999年
  • XHTML 1.0 - 2000年
  • HTML5 - 2014年

✅ 检查你的理解

到目前为止,你应该理解:

  • HTML 是一种标记语言,不是编程语言
  • HTML 使用标签来描述网页内容
  • HTML 标签通常成对出现
  • HTML5 是最新的稳定版本

HTML5 新特性

  • 语义化标签,如 <header><nav><section>
  • 增强的表单控件
  • 原生的音频和视频支持
  • Canvas 绘图
  • 本地存储
  • 地理定位
  • 拖放 API

🌟 太棒了!你已经完成了 HTML 简介部分的学习

现在你对 HTML 有了基本的了解,接下来我们将学习 HTML 的基础知识,包括文档结构、常用标签等。记住,学习编程的关键是实践,所以一定要多动手写代码,多尝试不同的标签和属性。

加油!你做得很好!💪