全套HTML+CSS基础入门之常用标签（一）-CSDN博客

本文链接：https://blog.csdn.net/Original_1/article/details/139748038

一、初识HTML

HTML是超文本标记语言（HyperText Markup Language）的缩写，它是创建网页的标准标记语言。HTML使用一系列标签和属性来描述网页内容的结构和样式。

简而言之，HTML是构建网页的基础，使得文本、图片、视频等元素能够以一种有序且可读的方式在互联网上展现给用户。

二、HTML基本骨架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文档标题</title>
</head>
<body>
    <!-- 此处放置网页的可见内容，如文本、图像、链接、表格、列表等 -->
    <h1>欢迎来到我的网站</h1>
    <p>这是一个段落。</p>
</body>
</html>

<!DOCTYPE html>: 声明文档类型为HTML5，帮助浏览器正确解析页面。
<html lang="en">: 根元素，表示整个HTML文档，lang属性指定页面的主要语言。
<head>: 包含文档的元数据，如字符集声明、视口设置、标题等，这些信息通常不直接显示在网页上。
<meta charset="UTF-8">: 设置文档的字符编码为UTF-8，确保文档中的字符能正确显示。
<meta name="viewport" content="width=device-width, initial-scale=1.0">: 用于响应式设计，让网页在不同设备上呈现良好。
<title>文档标题</title>: 定义网页的标题，显示在浏览器的标题栏或页面的标签页上。
<body>: 包含网页的所有可见内容，如文本、图像、链接等。

三、HTML常见标签

HTML常见标签包括但不限于以下几种，这些标签帮助构建网页的基本结构、格式化文本以及添加交互性。

1、文档结构标签

`<html>`: 标记文档的开始和结束，是所有其他HTML标签的容器。
  `<head>`: 包含文档的元数据，如标题、样式表链接、脚本等。
  `<title>`: 定义文档的标题，在浏览器的标题栏或页面的标签页上显示。
  `<body>`: 包含网页的所有可显示内容。

2、文本格式化标标签

`<p>`: 定义段落。
`<h1>`, `<h2>`, ..., `<h6>`: 定义不同级别的标题。
`<strong>` 或 `<b>`: 加粗文本。
`<em>` 或 `<i>`: 斜体文本，通常用于强调。
`<u>`: 给文本加下划线。
`<del>`: 表示删除的文本。
`<ins>` 或 `<u>`: 表示插入或下划线的文本。
`<br>`: 换行。
`<pre>`: 保留空格和换行，用于预格式化文本。