学习资料,HTML结构介绍

HTML(HyperText Markup Language)是用于创建网页和网络应用程序的标准标记语言。HTML文档的结构通常由一系列的元素组成,这些元素定义了网页的布局和内容。一个基本的HTML文档结构包括以下几个主要部分:

1. 文档类型声明(Doctype)

这是HTML文档的第一行,用来告诉浏览器这个文档是HTML5文档。例如:

<!DOCTYPE html>

2. 根元素(html)

所有HTML内容都包含在<html>标签内,它定义了文档的根(或顶级元素)。

<html>
  <!-- 页面内容 -->
</html>

3. 头部(head)

<head>部分包含了文档的元数据,如文档标题、字符集声明、链接到样式表和脚本等。

<head>
  <title>页面标题</title>
  <!-- 其他元数据 -->
</head>

4. 标题(title)

<title>标签定义了文档的标题,这个标题会显示在浏览器的标题栏或页面的标签上。

<title>我的网页</title>

5. 正文(body)

<body>部分包含了所有可见的页面内容,如文本、图片、链接、列表、表格、表单等。

<body>
  <h1>欢迎来到我的网页</h1>
  <p>这是一个段落。</p>
  <!-- 其他内容 -->
</body>

6. 常用的HTML元素

  • <h1><h6>:标题元素,<h1>是最高级别,<h6>是最低级别。
  • <p>:段落元素。
  • <a>:锚(链接)元素,用于创建超链接。
  • <img>:图像元素,用于嵌入图像。
  • <ul><ol><li>:无序列表和有序列表元素。
  • <table><tr><th><td>:表格元素,用于创建表格。
  • <form>:表单元素,用于收集用户输入。
  • <div>:分区元素,用于对页面上的元素进行分组。
  • <span>:内联分区元素,用于对文本的某一部分进行分组。

7. HTML5的新元素

HTML5引入了许多新的语义元素,如:

  • <header>:定义文档或节的页眉。
  • <footer>:定义文档或节的页脚。
  • <nav>:定义导航链接的区域。
  • <article>:定义独立的内容区域。
  • <section>:定义文档中的一个区域。
  • <aside>:定义与周围内容间接相关的区域
  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值