<title>定义网页标题；2. <meta>提供字符集、描述、关键词等元数据；3. <link>链接外部资源如css文件；4. <style>嵌入内部css样式；5. <script>引入或嵌入JavaScript代码；这些元素共同为网页提供配置信息和资源链接，且不直接显示在页面上，以完整句子结束。<p>
<p>html 文档中，
<head>
和
<body>
是两个至关重要的组成部分，它们各自承担着不同的职责。简单来说，
<head>
负责定义文档的元数据，而
<body>
则包含文档的实际内容。
<p>
<head>
和
<body>
在 HTML 文档中扮演着截然不同的角色，它们的功能互补，共同构建了网页的结构和内容。
head标签中可以放哪些内容？<p>
<head>
<head>
标签就像网页的“大脑”，它包含了关于网页自身的各种信息，但这些信息通常不会直接显示在页面上。常见的元素包括：<p><span>立即学习“前端免费学习笔记（深入）”；
<ul><li>
<title>
: 定义网页的标题，显示在浏览器的标签栏上。这个标签非常重要，不仅方便用户识别网页，也对 SEO 优化至关重要。一个好的标题应该简洁明了，并包含关键词。<li>
<meta>
: 提供关于 HTML 文档的元数据，例如字符集、描述、关键词、作者等等。
<meta>
标签可以影响搜索引擎排名，所以要认真设置。比如，可以设置网页的字符集为 UTF-8，确保网页能够正确显示各种语言的字符。<li>
<link>
: 用于链接外部资源，最常见的就是 CSS 样式表。 通过
<link>
标签，我们可以将样式定义放在单独的文件中，使 HTML 代码更简洁，也方便维护和修改。<li>
<style>
: 直接在 HTML 文档中嵌入 CSS 样式。 虽然不推荐，但在某些情况下，为了方便或者快速实现一些小效果，也可以使用
<style>
标签。<li>
<script>
: 用于嵌入或链接 JavaScript 代码。 JavaScript 可以为网页增加交互性，实现各种动态效果。<p>例如：
<head> <title>My Sample Website <style> body { background-color: #f0f0f0; }
body标签里放什么？<p>
<body>
<body>
标签才是网页的“身体”，它包含了所有用户在浏览器中看到的内容。 这部分是网页的核心，所有要呈现给用户的信息都必须放在这里。<ul><li>文本内容: 各种标题（
<h1>
到
<h6>
）、段落（
<p>
）、列表（
<ul>
、
<ol>
、
<li>
）等等。<li>图像: 使用
@@##@@
标签插入图片。<li>链接: 使用
<a>
标签创建超链接。<li>表单: 使用
<form>
标签创建表单，用于收集用户输入。<li>多媒体: 使用
<video>
和
<audio>
标签嵌入视频和音频。<li>其他 HTML 元素: 例如
<div>
、
<span>
、
<table>
等，用于组织和布局网页内容。<p>举个例子：
<body> <h1>Welcome to My Website<p>This is a sample paragraph.
@@##@@ Visit Example Website
