📝 课程简介

HTML(超文本标记语言)是网页开发的核心技术之一,用于定义网页内容的结构与语义。无论你是初学者还是希望巩固基础,本课程将带你从零开始掌握HTML的基本语法与常用标签。

🧱 HTML基本结构

一个标准的HTML文档包含以下部分:

<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
</head>
<body>
    <!-- 页面内容 -->
</body>
</html>
  • <!DOCTYPE html>:声明文档类型,确保浏览器正确解析
  • <html>:根元素,包裹整个网页
  • <head>:包含元数据(如标题、字符集)
  • <body>:网页的主体内容区域

📋 常用标签速查

标签 用途 示例
<h1>-<h6> 网页标题 <h1>欢迎学习HTML</h1>
<p> 段落 <p>这是示例段落。</p>
<a> 超链接 <a href="/courses/css_basics">进入CSS课程</a>
<img> 插入图片 <img src="https://cloud-image.ullrai.com/q/html_tag/" alt="HTML标签示例">

💻 实践示例

尝试创建一个简单的HTML页面:

<!DOCTYPE html>
<html>
<head>
    <title>我的第一个网页</title>
</head>
<body>
    <h1>🎉 HTML入门成功!</h1>
    <p>使用 <code>&lt;strong&gt;</code> 标签突出显示重要文字:</p>
    <strong>这是一段强调内容。</strong>
    <img src="https://cloud-image.ullrai.com/q/web_development/" alt="网页开发示意图">
</body>
</html>

📚 扩展阅读

HTML结构图

图示:HTML文档的层次结构