⚡ 编程实验室🏗️ HTML🎨 CSS⚡ JavaScript🐍 Python🗄️ SQL☕ Java⚛️ React💚 Vue🟢 Node.js⚙️ C语言🐘 PHP🐹 Go🔷 TypeScript🐬 MySQL🔧 C++🎯 C#🦀 Rust🅱️ Bootstrap💡 jQuery🎸 Django🍃 MongoDB👗 Sass🎪 Kotlin📊 R语言📋 XML📊 Excel🐘 PostgreSQL🐳 Docker🅰️ Angular🎮 游戏🏠 网站首页

HTML 元素详解

HTML 元素详解 · 难度:入门 · +10XP

HTML 元素详解

HTML元素是网页的基本构建块,由开始标签内容结束标签组成。

元素结构

<tagname>内容</tagname>

例如一个段落元素:

<p>这是一段文字</p>

嵌套元素

HTML元素可以包含其他元素——这叫做嵌套

<div>
  <h2>标题</h2>
  <p>段落文字,包含一个<a href="#">链接</a></p>
</div>

嵌套规则:后打开的先关闭!如果先打开<div>再打开<p>,必须先关闭<p>再关闭<div>

空元素(自闭合标签)

有些元素没有内容和结束标签:

标签用途
<br>换行
<hr>水平分割线
<img>图片
<input>输入框

大小写

HTML不区分大小写,但推荐使用小写标签名。W3C标准建议小写。

???? 练习

  1. 创建包含标题、段落和链接的HTML页面
  2. 在段落中使用<br>换行
  3. 正确嵌套3层元素
Ctrl+Enter
🚀 升级VIP
解锁全部课程+AI助手

🏆 学习排行

加载中...

📊 统计

📖 101 篇
0 完成
🔥 0