正在加载...

HTML 简介

HTML 是你打开的每个网页的基础。在 CSS 样式或 JavaScript 行为之前，浏览器需要清晰的结构来说明每部分内容是什么。

什么是 HTML？

HTML（HyperText Markup Language，超文本标记语言）是用于结构化网页内容的标准语言。你在文本和媒体周围写标签，让浏览器知道哪些是标题、段落、链接、图片和其他元素。

为什么 HTML 重要

没有 HTML，浏览器无法正确理解内容的含义和顺序。HTML 不是编程语言，而是标记语言。

初识标签

HTML 使用尖括号标签。大多数元素有开始标签和结束标签。

你好 HTML

html
HTML Code 
<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>
<h1>Hello HTML</h1>
<p>This is my first paragraph.</p>
</body>
</html>

这个例子说明了什么

  • <!DOCTYPE html> 告诉浏览器这是现代 HTML 文档
  • <html> 是页面的根元素
  • <head> 存放页面信息，例如标题
  • <body> 存放访客看到的内容
  • <h1> 是主标题
  • <p> 是段落

浏览器如何使用 HTML

打开 HTML 文件时，浏览器从上到下读取标记，构建 DOM，并按标签显示内容。

超文本与链接

HTML 中的 HyperText 指可以通过链接连接到其他文档的文本。把页面连在一起，才会形成网站。

一个简单链接

html
HTML Code 
<a href="https://example.com">Visit Example</a>

<a> 元素创建超链接。href 属性保存目标地址。

自己试试

创建名为 index.html 的文件，粘贴完整页面示例，保存后在浏览器中打开。修改标题文字并刷新页面。

常见错误

  • 把 HTML 当成带循环与逻辑的编程语言
  • 忘记需要闭合的结束标签
  • 把可见内容放在 <head> 而不是 <body>
  • 跳过 <!DOCTYPE html>

小结

  • HTML 用标签结构化页面内容
  • 它是标记语言，不是编程语言
  • 基本页面包含 doctype、html、head、body
  • 标题和段落是常见入门元素
  • 链接连接页面并形成超文本
  • 通过编辑小 HTML 文件并在浏览器中查看来练习

🧠 测试您的知识

准备开始

测试您的知识

通过这个互动测验挑战自己，看看你对这个主题的理解程度如何

❓
8
问题
🎯
70%
及格要求
♾️
∞
时间
🔄
∞
尝试次数

📝 说明

  • 仔细阅读每个问题
  • 为每个问题选择最佳答案
  • 您可以随时重新参加测验
  • 您的进度将显示在顶部
主题 1 的 1
Html 教程