HTML（超文本标记语言）是构建网页的基础。无论是想要创建个人网站、博客还是电子商务平台，了解HTML的基础知识都是至关重要的。

什么是HTML？

HTML文档由以下几个部分组成：

<!DOCTYPE html>
<html>
<head>
    <title>网页标题</title>
</head>
<body>
    <!-- 网页内容 -->
</body>
</html>
  • <!DOCTYPE html>：文档类型声明，用于指定当前文档使用的HTML版本。
  • <html>：HTML文档的根元素，包含了整个HTML代码。
  • <head>：头部元素，用于定义网页的一些元信息，例如标题、样式表、脚本等。
  • <title>：网页标题，显示在浏览器的标题栏或标签页上。
  • <body>：网页主体内容的容器，包含了网页上显示的所有内容。

HTML的常用标签

        HTML有许多不同的标签，用于描述和组织网页的内容。以下是一些常用的HTML标签及其简单的解释和使用案例：

<h1> - <h6>：用于表示标题的标签，<h1> 表示最高级别的标题，<h6> 表示最低级别的标题。

<p>：用于表示段落的标签。

<p>这是一个段落。</p>

<a>：用于创建链接的标签。在使用中想要更改超链接的默认样式可以设置样式颜色和设置text-decoration为none

<a href="https://www.example.com">点击这里访问示例网站</a>

<img>：用于插入图像的标签。这里的src可以是文件路劲也可以是图片网页路径（确保联网）

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

<ul> 和 <li>：用于创建无序列表的标签。

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

<table>、<tr> 和 <td>：用于创建表格的标签。

<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>

上述标签只是一些基本的标签用法，在实际中需要加入CSS样式来使界面丰富起来。后续将讲解一些CSS的简单用法。