从入门到精通的HTML+CSS+JavaScript系统教程

基础篇:HTML核心语法

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML基础教程</title>
</head>
<body>
    <!-- 文本元素 -->
    <h1>这是标题1</h1>
    <p>这是一个段落,包含<strong>加粗文本</strong><em>斜体文本</em></p>
    
    <!-- 列表 -->
    <ul>
        <li>无序列表项1</li>
        <li>无序列表项2</li>
    </ul>
    
    <ol>
        <li>有序列表项1</li>
        <li>有序列表项2</li>
    </ol>

    <!-- 多媒体 -->
    <img src="image.jpg" alt="示例图片" width="200">
    <audio controls>
        <source src="audio.mp3" type="audio/mpeg">
    </audio>

    <!-- 表单 -->
    <form>
        <label for="name">姓名:</label>
        <input type="text" id="name" name="name" required>
        
        <label for="email">邮箱:</label>
        <input type="email" id="email" name="email">
        
        <button type="submit">提交</button>
    </form>