📌  相关文章
📜  基本 html 模板 - Html (1)

📅  最后修改于: 2023-12-03 15:37:48.889000             🧑  作者: Mango

基本 HTML 模板

简介

HTML（HyperText Markup Language）是构建 Web 页面的标准语言。HTML 文件主要由三部分构成：文本内容、HTML 标记和 HTML 属性。HTML 标记用于描述文本内容的结构和语义，而 HTML 属性则用于描述每个标记的具体属性。

HTML 模板

以下是一个基本的 HTML 模板，可以用作新建 HTML 文件的起点。在模板中包含了 HTML 的基本结构，包括 DOCTYPE、HTML 标记、HEAD 标记和 BODY 标记。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>页面标题</title>
  </head>
  <body>
    页面内容
  </body>
</html>
DOCTYPE

DOCTYPE 是 HTML 的文档类型声明。它告诉浏览器正在使用哪个 HTML 版本来解释页面。在 HTML5 中，DOCTYPE 为以下形式：

<!DOCTYPE html>
HTML 标记

HTML 文档的根元素是 HTML 标记。HTML 标记主要用于描述 Web 页面的整体结构和语义。一个 HTML 标记包含头部（HEAD）和身体（BODY）两个部分。

<html>
  <head>
    <!-- HEAD 部分 -->
  </head>
  <body>
    <!-- BODY 部分 -->
  </body>
</html>
HEAD 标记

HEAD 标记包含了元数据，包括设置页面标题、页面描述和页面样式等信息。在 HEAD 标记中通常包含以下元素：

  • <meta> 元素用于指定页面的字符集和其他属性。
  • <title> 元素用于指定页面的标题。
  • <link> 元素用于引入外部样式表。
<head>
  <meta charset="UTF-8">
  <title>页面标题</title>
  <link rel="stylesheet" href="style.css">
</head>
BODY 标记

BODY 标记包含了页面的主要内容。在 BODY 标记中可以包含各种 HTML 标记，用于描述页面的结构和内容。

<body>
  <h1>页面标题</h1>
  <p>页面内容</p>
  <img src="img.jpg" alt="图像描述">
</body>
总结

HTML 是构建 Web 页面的标准语言。一个基本的 HTML 文件包括文本内容、HTML 标记和 HTML 属性。使用模板可以快速新建 HTML 文件，并遵循标准的 HTML 结构。