html 文档的结构 - Html (1)

📌 相关文章

📜 html 文档的结构 - Html (1)

📅 最后修改于: 2023-12-03 15:01:17.080000 🧑 作者: Mango

HTML 文档的结构 - HTML

HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页和其他Web文档的标准标记语言。HTML文件由标记和内容组成，以描述文档的结构和语义。

HTML文档的结构

HTML文档包含以下几个部分：

文档类型声明
```
<!DOCTYPE html>
```
这个声明告诉浏览器使用HTML5来解析这个文档。
HTML标签
```
<html>
  ...
</html>
```
HTML标签包裹了整个HTML文档的内容。
头部
```
<head>
  ...
</head>
```
头部包含了网页的元数据，如标题、描述、关键字等。
主体
```
<body>
  ...
</body>
```
主体包含了网页的主要内容。
层叠样式表
```
<link rel="stylesheet" href="style.css">
```
可选的层叠样式表文件可以通过这个标签引入，用于定义网页的外观和样式。

HTML标记

HTML标记用于描述文档的结构和语义。常用的HTML标记包括：

标题
```
<h1>这是一级标题</h1>
```
用于定义标题，h1~h6共6个级别。
段落
```
<p>这是一个段落。</p>
```
用于定义段落。

链接

<a href="http://www.example.com">链接文本</a>

用于定义链接。

图片

<img src="image.jpg" alt="图片描述">

用于添加图片。

列表

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
</ul>

用于定义无序列表。

<ol>
  <li>列表项1</li>
  <li>列表项2</li>
</ol>

用于定义有序列表。

表格

<table>
  <tr>
    <th>表头1</th>
    <th>表头2</th>
  </tr>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
</table>

用于定义表格。

表单

<form action="submit.php" method="post">
  <label>用户名：<input type="text" name="username"></label><br>
  <label>密  码：<input type="password" name="password"></label><br>
  <input type="submit" value="提交">
</form>

用于定义表单。

HTML元数据

HTML元数据用于描述文档的信息，包括文档的标题、关键字、描述等。常用的元数据标记包括：

标题
```
<title>网页标题</title>
```
用于定义网页的标题。

关键字

<meta name="keywords" content="关键字1,关键字2,关键字3">

用于定义网页的关键字。

描述

<meta name="description" content="网页描述">

用于定义网页的描述。

总结

HTML文档的结构由文档类型声明、HTML标签、头部、主体和层叠样式表组成。HTML标记用于描述文档的结构和语义，常用的标记包括标题、段落、链接、图片、列表、表格和表单。HTML元数据用于描述文档的信息，包括标题、关键字、描述等。