學習網頁製作
用AI做一切网页！AI编程太爽了～【小白教程】_哔哩哔哩_bilibili
html人體結構+css人體外觀+javaScript交互機制
html
文本.txt--〉文件名：XXX.html
標籤語言
人類理解爲書的類比
大盒子裏面的小盒子：
结构标签
<html>：作为 HTML 文档的根标签，所有其他标签都包含在它内部。<head>：用于存放文档的元数据，像字符编码、页面标题、外部资源链接等都在此处设置。<body>：该标签包含了所有将在网页上显示的内容，如文本、图片、链接等。<header>：通常用于展示页面或章节的介绍性内容，一般包含标题、导航等元素。<nav>：专门用于放置导航链接，帮助用户在网站的不同页面之间进行跳转。<main>：标记文档的主要内容，且这部分内容在文档中应当是独一无二的。<footer>：位于页面或章节的底部，常用于放置版权信息、联系信息等。
文本格式标签
- 标题标签：从
<h1>到<h6>，共六级标题，<h1>表示最高级别的标题。 - 段落标签：
<p>用于划分文本段落。 - 文本样式标签
<b>：使文本变为粗体。<i>：让文本呈现斜体样式。<u>：为文本添加下划线。<s>：在文本中间添加删除线。<strong>：强调文本，通常显示为粗体。<em>：同样用于强调文本，一般显示为斜体。
- 其他文本标签
<br>：实现换行效果。<hr>：插入一条水平线，用于分隔内容。<code>：用于显示代码片段。<pre>：保留文本的原始格式，包括空格和换行。
链接与媒体标签
<a>：创建超链接，可链接到其他网页、文件或页面内的特定位置。<img>：用于在页面中显示图片，需通过src属性指定图片的来源。<video>：实现视频的嵌入和播放功能。<audio>：用于嵌入和播放音频文件。<iframe>：在当前页面中嵌入另一个网页。
列表标签
- 无序列表：使用
<ul>标签创建，列表项用<li>表示，各列表项前通常会有一个项目符号。 - 有序列表：通过
<ol>标签创建，列表项同样用<li>表示，列表项会按数字顺序编号。 - 定义列表：由
<dl>标签创建，包含术语（<dt>）和定义（<dd>）两部分。
表单标签
<form>：用于创建 HTML 表单，供用户输入数据。- 输入标签
<input>：是一个多功能标签，通过type属性可定义不同的输入字段，如文本框、密码框、复选框、单选按钮等。<textarea>：创建多行文本输入区域。<select>：生成下拉选择框，搭配<option>标签使用。
- 其他表单标签
<button>：创建按钮，可用于提交表单或触发其他操作。<label>：为表单元素定义标签，提升表单的可访问性。<fieldset>：将表单元素进行分组，便于管理和样式设置。<legend>：为<fieldset>元素提供标题。
表格标签
<table>：用于创建表格。<tr>：定义表格的行。<th>：定义表格的表头单元格。<td>：定义表格的数据单元格。- 其他表格标签
<thead>：对表格的表头内容进行分组。<tbody>：对表格的主体内容进行分组。<tfoot>：对表格的页脚内容进行分组。
语义化标签
<article>：标记独立的、自包含的内容，如博客文章、评论等。<section>：表示文档中的一个章节或区域。<aside>：用于放置与主要内容相关的侧边信息。<figure>：封装媒体内容，如图片、图表等，并可通过<figcaption>为其添加标题。<time>：用于表示日期或时间。
元数据标签
<meta>：提供关于 HTML 文档的元数据，如字符编码、页面描述等。<title>：设置文档的标题，显示在浏览器的标签页上。<link>：用于引入外部资源，如 CSS 文件、图标等。<script>：用于嵌入或引用 JavaScript 代码。
交互元素
<details>：创建一个可折叠的信息面板。<summary>：为<details>元素定义标题。<dialog>：创建一个对话框或模态窗口。
其他标签
<div>：作为通用的块级容器，用于对页面元素进行分组。<span>：是通用的内联容器，常用于对文本的一部分进行样式设置。<noscript>：当浏览器不支持 JavaScript 或禁用了 JavaScript 时，显示其中的内容。
css
文末聯繫方式的盒子
javascript
