CSDN

HTML 简介

2024-08-04 12:00 由 海豚V靓仔 发表于 #前端开发

HTML（HyperText Markup Language）是一种用于创建网页和网页应用程序的标准标记语言。它不是一种编程语言，因为它不包含编程语言的特性，如变量、循环或条件语句。相反，HTML 使用一系列的标签（tags）来定义网页的结构和内容。这些标签告诉浏览器如何显示文本、图片、链接、表格等元素。

HTML 的基本结构

一个基本的 HTML 文档结构通常包括以下几个部分：

  1. <!DOCTYPE html>：声明文档类型和 HTML 版本（虽然不是严格必要的，但在 HTML5 中推荐使用）。
  2. <html>：这是根元素，包含了整个 HTML 文档的内容。
  3. <head>：包含了文档的元数据（metadata），如文档的标题（<title>）、对外部文件（如 CSS 样式表和 JavaScript 文件）的引用等。这些元素对网页的布局和样式有重要影响，但不会在网页上直接显示。
  4. <body>：包含了可见的页面内容，如文本、图片、视频、游戏、可点击的按钮等。

示例解释

<html>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>
  • <html> 和 </html>：这两个标签包裹了整个 HTML 文档的内容。
  • <body> 和 </body>：这两个标签之间的内容是网页的可见部分。
  • <h1> 和 </h1>：定义了一个标题。<h1> 是最高级别的标题，通常用于主标题。
  • <p> 和 </p>：定义了一个段落。

HTML 编辑器

HTML 编辑器是编写 HTML 代码的工具。它们可以是简单的文本编辑器（如 Notepad、VS Code、Sublime Text 等），也可以是具有高级功能的集成开发环境（IDE），这些环境提供了代码高亮、自动完成、实时预览等功能，使编写和调试 HTML 代码变得更加容易。

亲自试一试

要亲自尝试编写 HTML，你可以打开任何文本编辑器，复制上面的示例代码，然后保存文件为 .html 扩展名（例如 index.html）。之后，你可以使用任何现代网络浏览器（如 Chrome、Firefox、Edge 等）打开这个文件，查看你的网页是如何显示的。通过修改代码并重新加载页面，你可以学习不同的 HTML 标签和属性是如何影响网页的布局和外观的。

本文由一同学习平台 GlGxt.CN 发布！

热门相关：我的女友不可能是怪物   天龙邪尊   书屋的激情性事   隐婚99天：首长，请矜持   我的女友是丧尸