HTML学习笔记( 一）_根据重要性排列,<h1>定义最大的标题。-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_38405966/article/details/80212785

本文介绍了HTML的基本组成部分，包括结构、表现和行为的概念。详细讲解了<head>、<body>、<title>等关键标签的用法，以及如何创建段落、使用格式化元素、添加标题、水平线和注释等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.网页由3个部分组成： HTML（结构），CSS（表现），JavaScript（行为）

2.<head> 标签

<head> 元素包含了所有的头部标签元素。

<head> 元素必须包含文档的标题（title），可以包含脚本、样式、meta 信息以及其他更多的信息。

3.<body> 标签

：

<body> 元素定义文档的主体。

<body> 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。

<html>
   <head></head>
   <body></body>
</html>

4.<title> 标签

<title> 标签定义了 HTML 文档的标题，在所有 HTML 文档中是必需的。

<title> 元素：

定义浏览器工具栏中的标题
提供页面被添加到收藏夹时的标题
显示在搜索引擎结果中的页面标题

5.HTML 段落

创建段落，是通过 <p> 标签定义的。

如果你希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签

6.格式化元素

HTML 使用标签<b> 与 <i>对输出的文本进行格式化，如：粗体和斜体。

这些HTML标签被称为格式化标签。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>W3Cschool教程(w3cschool.cn)</title>
  </head>
  <body>
    <p><b>定义粗体文本</b></p>
    <p><em>定义着重文字</em></p>
    <p><i>定义斜体字</i></p>
    <p><small>定义小号字</small></p>
    <p><strong>定义重要的文本</strong></p>
    <p>定义<sub>下标字</sub></p>
    <p>定义<sup>上标字</sup></p>
    <p><ins>定义插入字</ins></p>
    <p><del>定义删除字</del></p>
  </body>
</html>

7.HTML 标题

HTML标题（Heading）是通过 <h1> - <h6> 标签进行定义的。

根据重要性排列，<h1>定义最大的标题，<h6> 定义最小的标题。

注意：

确保 HTML 标题标签只用于标题，不要仅仅是为了生成粗体或大号的文本而使用标题。

搜索引擎使用标题为你的网页的结构和内容编制索引。

8.HTML 水平线

<hr> 标签在 HTML 页面中创建水平线。

<hr> 元素可用于分隔 HTML 页面中的内容。

<html>
  <head>
    <meta charset="utf-8">
    <title>W3Cschool(w3cschool.cn)</title>
  </head>
  <body>
    <h1>这是标题 1</h1>
    <h2>这是标题 2</h2>
    <h3>这是标题 3</h3>
    <h4>这是标题 4</h4>
    <h5>这是标题 5</h5>
    <h6>这是标题 6</h6>
    <hr>
    <p>这是一个段落。</p>
    <hr>
    <p>这是另一个段落。</p>
  </body>
</html>

9.HTML 注释

可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。

浏览器会忽略注释，也不会显示它们。

HTML 注释写法如下:

注释：开始括号之后（左边的括号）需要紧跟一个叹号，但结束括号之前（右边的括号）不需要。

10.HTML 属性

属性是 HTML 元素提供的附加信息。

HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name="value"。

<p align="center"> 
   此文本居中对齐
</p>