访问首页

HTML 基础语法

HTML（超文本标记语言）就像是搭建网页大厦的 “积木”🧱，它通过各种标签来告诉浏览器如何展示网页内容，比如文字、图片、链接、表格等等。即使你是编程新手，也别担心，跟着我一起探索 HTML 的奇妙世界吧！(✿◠‿◠)

结构

<!-- 这是 HTML5 的文档类型声明，告诉浏览器使用 HTML5 的标准来解析页面。-->
<!DOCTYPE html>

<!-- 用于指定文档的语言。在这里，en 代表英语（English）。这对于浏览器和搜索引擎等非常有用。-->
<html lang="en">

<!-- 文档头部部分，它包含了许多重要的元数据（关于数据的数据）和对文档的配置信息。-->
<head>
<!-- 用于定义字符编码的标签，避免出现乱码问题。-->
    <meta charset="UTF-8">
<!-- 定义了页面的标题，显示在浏览器的标题栏或标签页上。-->
    <title>【坤坤】技术文档</title>
</head>

<body>
    <!-- 这里是页面的主体内容 -->
</body>

</html>

标签

HTML 标签由尖括号包围，大多数标签成对出现，包括开始标签和结束标签，例如：

  • <p> 是开始标签，表示一个段落的开始

  • </p> 是结束标签，表示段落的结束。

  • 标签内的文本 “这是一句话。” 就是这个段落的内容。

有些标签可以单独使用，称为空标签，例如：

<br> 标签用于换行，它不需要结束标签，因为它没有包含任何内容，只是起到一个换行的作用，就像在文本中按下回车键一样 (๑・̀ㅂ・́)و✧。

属性

标签可以具有属性，用于提供更多关于标签的信息或修改标签的默认行为。属性通常在开始标签中定义，格式为 属性名="属性值"，例如：

  • 在 <a>（锚点）标签中，href 属性指定了链接的目标地址，target="_blank" 属性表示点击链接后会在新的浏览器窗口或标签页中打开链接。属性值必须用引号括起来，单引号或双引号都可以，但要保持一致哦。

注释

在 HTML 中，我们可以使用注释来添加一些说明性的文字，这些文字不会在浏览器中显示，只是为了方便代码的阅读和维护。注释的语法如下：

可以在注释中写下任何你觉得对代码理解有帮助的信息，比如代码的功能、修改日期、作者等，这样在以后查看代码时就能快速明白当时的思路啦 (๑・.・๑)。

嵌套规则

HTML 元素可以相互嵌套，但必须遵循正确的嵌套顺序，不能交叉嵌套。例如：

以上是正确的嵌套方式，而下面这种就是错误的：

浏览器在解析这种错误的嵌套时可能会出现意想不到的结果，所以在编写 HTML 代码时一定要注意嵌套的正确性哦，不然代码会 “生气” 的 (╯°□°）╯︵ ┻━┻。

常见错误

  • 忘记关闭标签：这是初学者常犯的错误，会导致页面布局混乱或元素显示异常。记得每个开始标签都要有对应的结束标签，除非是空标签。

  • 标签和属性大小写不统一：虽然 HTML 不区分大小写，但为了保持代码的规范性和可读性，建议统一使用小写字母来书写标签和属性。

  • 错误的属性值：属性值必须符合规定的格式，比如链接的 href 属性值必须是有效的 URL 地址，否则链接可能无法正常工作。

掌握 HTML 基础语法是学习网页开发的第一步，通过不断的练习和实践，你会逐渐熟练掌握并能够创建出精美的网页哦！加油 (ง・̀_・́)ง！

上一页HTML 元素与标签下一页HTML 元素

最后更新于