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>
:定义与周围内容间接相关的区域