跳转至

HTML 教程

什么是 HTML?

HTML(HyperText Markup Language)是构建网页的标准语言。它使用标签来定义网页的结构。

基本结构

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>我的第一个网页</title>
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p>这是我的第一个 HTML 页面。</p>
</body>
</html>

常用标签

标签 说明 示例
<h1>~<h6> 标题 <h1>一级标题</h1>
<p> 段落 <p>这是一个段落</p>
<a> 超链接 <a href="https://example.com">链接</a>
<img> 图片 <img src="photo.jpg" alt="描述">
<div> 块级容器 用于布局划分
<span> 内联容器 用于文本片段

表单

<form action="/submit" method="POST">
    <label for="name">姓名:</label>
    <input type="text" id="name" name="name" required>
    <button type="submit">提交</button>
</form>

练习

动手实践

创建一个包含标题、段落、图片、链接和表格的个人介绍页面。