HTML 基础
学习HTML文档的基本结构和核心元素。
DOCTYPE 声明
<!DOCTYPE html> 是HTML5的文档类型声明，它告诉浏览器这是一个HTML5文档。
HTML5
<!DOCTYPE html> 说明
DOCTYPE声明必须放在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>
<!-- 页面可见内容 -->
<h1>标题内容</h1>
<p>段落内容</p>
</body>
</html> <html> 标签
<html> 标签是HTML文档的根元素，它包裹了整个页面的所有内容。
建议添加 lang 属性来声明文档的语言：
lang="zh-CN"- 简体中文lang="zh-TW"- 繁体中文lang="en"- 英语
<head> 元素
<head> 元素包含文档的元数据（metadata），不会在浏览器窗口中显示。
<head> 中通常包含以下元素：
<title>- 页面标题<meta>- 元信息（如字符集、viewport等）<link>- 引入外部资源（如CSS）<script>- 引入JavaScript<style>- 内联CSS样式
字符编码
建议使用 UTF-8 编码，它支持全球所有字符：
字符编码
<meta charset="UTF-8"> Viewport 响应式
移动端浏览需要添加viewport设置：
Viewport
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <body> 元素
<body> 元素包含所有在浏览器中可见的内容，如文本、图片、链接、表格、表单等。
💻 在线代码编辑器
👁️ 预览效果