html标签语法总结

HTML（超文本标记语言）是用于创建网页的标准标记语言。以下是 HTML 的基本语法格式：

文档声明

位于 HTML 文件的开头，告知浏览器使用的 HTML 版本，常见的有：
<!DOCTYPE html> 表示 HTML5 文档类型。

<html> 标签

这是 HTML 文档的根标签，所有其他的 HTML 元素都必须嵌套在 <html> 标签内。

<head> 标签

包含文档的元数据和相关的配置信息

<title>

定义网页的标题，显示在浏览器的标题栏或标签页上。<title>网页名称</title>

<meta>

用于提供关于文档的元数据，常见的属性如 charset 用于指定字符编码，name 和 content 用于定义各种描述信息，如页面描述、关键词等，以利于搜索引擎优化。
字符编码：<meta charset="UTF-8">
页面描述：<meta name="description" content="这是一个关于网页内容的简短描述">
关键词：<meta name="keywords" content="html, 网页开发, 示例">

<link>

用于链接外部资源，如 CSS 样式表、图标等。
链接 CSS 样式表：<link rel="stylesheet" type="text/css" href="styles.css">

引用外部脚本：<script src="script.js"></script>
<style> ：用于在 HTML 文档中直接编写 CSS 样式。
<style>h1 { color: red; }</style>

<body> 标签

分区标签

：用于划分页面区域，进行布局。

div class="header">
       <h1>网页标题</h1>
   </div>
   <div class="main-content">
       <p>这是主要内容区域。</p>
   </div>
   <div class="sidebar">
       <ul>
           <li>侧边栏项目 1</li>
           <li>侧边栏项目 2</li>
       </ul>
   </div>
   <div class="footer">
       <p>版权信息</p>
   </div>

文本相关标签

**1.

<p>

标签（段落标签）**：用于定义一个段落。
示例：

<p>这是一个段落的文本。</p>

**2.

<h1>

到

<h6>

标签（标题标签）**：用于定义不同级别的标题，

<h1>

是最大的标题，

<h6>

是最小的标题。
示例：

<h1>一级标题</h1> <h2>二级标题</h2>

**3.

<span>

标签**：用于对行内的文本进行样式设置或操作。
示例：

<p>这是一段文本 <span style="color:red;">其中这部分是红色的</span></p>

**4.

<b>

标签（加粗标签）**：使文本加粗显示。
示例：

<b>这部分文本加粗</b>

**5.

<i>

标签（斜体标签）**：使文本以斜体显示。
示例：

<i>这部分文本是斜体</i>

**6.

<u>

标签（下划线标签）**：为文本添加下划线。
示例：

<u>这部分文本有下划线</u>

**7.

<strong>

标签（强调标签）**：通常表示文本的重要性，效果类似于

<b>

但语义更强调重要性。
示例：

<strong>这是重要的文本</strong>

**8.

<em>

标签（强调标签）**：用于强调文本，效果类似于

<i>

但语义更强调语气。
示例：

<em>这是需要强调的文本</em>

**9.

<blockquote>

标签（引用块标签）**：用于引用大块的文本。
示例：

<blockquote>这是一段引用的大段文本。</blockquote>

**10.

<pre>

标签（预格式化文本标签）**：保留文本中的空格、换行等格式。
示例：

<pre> 这是 预格式化 的文本 </pre>

<p>这是一个段落的文本。</p>
<h1>一级标题</h1> 
<h2>二级标题</h2>
<p>这是一段文本 <span style="color:red;">其中这部分是红色的</span></p>
<b>这部分文本加粗</b>
<i>这部分文本是斜体</i>
<u>这部分文本有下划线</u>
<strong>这是重要的文本</strong><p>
<em>这是需要强调的文本</em>
<blockquote>这是一段引用的大段文本。</blockquote>
<pre> 这是 预格式化 的文本 </pre>