📌 常用 HTML 元素速查表

元素 用途 示例
<!DOCTYPE html> 定义文档类型 <!DOCTYPE html>
<html> 根元素 <html lang="zh">
<head> 定义头部信息 <head><title>页面标题</title></head>
<body> 定义网页主体 <body><h1>欢迎</h1></body>
<h1>-<h6> 标题层级 <h1>主标题</h1>
<p> 段落 <p>这是一个段落。</p>
<a> 超链接 <a href="/learn/resources/html-introduction">点击学习</a>
<img> 插入图片 <img src="https://cloud-image.ullrai.com/q/html_element/" alt="HTML元素示例">

📘 元素详解

📜 基本结构

<!DOCTYPE html>
<html>
  <head>
    <title>页面标题</title>
  </head>
  <body>
    <h1>欢迎来到HTML世界</h1>
    <p>这是您看到的首段文字。</p>
  </body>
</html>

📌 关键词：html_element

📈 进阶内容

想深入了解元素特性？访问 /learn/resources/html-elements/advanced 查看扩展内容！

📌 关键词：html_elements_advanced

📷 图片示例

HTML结构示意图
> 📌 关键词：html_element_structure

🧠 小贴士

  • 使用 <header> 定义页面头部区域
  • 通过 <nav> 创建导航菜单
  • 用 <section> 划分内容区块
  • 调试时可用 <pre> 保留格式显示代码

想查看更多元素用法？点击 /learn/resources/html-elements/attributes 深入了解属性设置！

📌 关键词：html_elements_attributes