HTML (HyperText Markup Language) 和 CSS (Cascading Style Sheets) 是构建网页的基础技术。HTML 负责结构化网页内容，而 CSS 负责美化和布局这些内容。
HTML 概述：
HTML 是一种标记语言，用于描述网页的结构和内容。它不区分大小写，基本组成单位是标签。HTML 页面在浏览器中被解释，逐行翻译并显示效果，这意味着 HTML 是一种解释型语言。虽然效率较低，因为每次运行都需要解释，但其优点是能跨平台运行。相比之下，编译型语言如 C 或 Java 会先编译成二进制文件，效率更高，但不能跨平台。
HTML 标签分类：
HTML 标签分为单标签和双标签。单标签如 `<br/>`, `<hr/>`, `<input>` 等，它们不需要闭合。双标签如 `<b></b>`, `<i></i>`, `<p></p>` 等，需要闭合标签来定义开始和结束。文本标签包括 `<b>` 用于加粗文本，`<i>` 用于斜体，`<u>` 创建下划线，`<s>` 创建删除线，`<h1>` 到 `<h6>` 用于创建不同级别的标题，`<font>` 修改字体，`<p>` 用于段落，`<span>` 代表一小段文本，`<small>` 和 `<big>` 用于调整字体大小，`<sub>` 和 `<sup>` 分别用于下标和上标文本。
输入框和表单元素：
`<input>` 标签用于创建各种类型的输入控件，如 `type="text"` 用于文本输入，`type="password"` 用于密码输入，还有 `radio`（单选框），`checkbox`（复选框），`number`，`date`，`file`，`email` 等类型。`name` 属性用于标识不同的输入项，`hidden` 属性隐藏输入框，`readonly` 只读，`disabled` 灰化禁用，`value` 设置默认值，`placeholder` 提供输入提示。
列表：
无序列表 `<ul>` 和有序列表 `<ol>` 用于组织内容，`<li>` 标签用于定义列表项。无序列表的 `type` 属性可以设置圆点样式，有序列表的 `type` 可以设置数字或字母编号。
元素类型：
HTML 元素分为块级元素（如 `<h1>`, `<p>`, `<div>`, `<ol>`, `<ul>` 等）和行内元素（如 `<b>`, `<a>`, `<i>`, `<span>` 等）。块级元素会自动换行，占据整行宽度；行内元素则不换行，允许与其他元素在同一行内。
超链接：
`<a>` 标签用于创建超链接，`href` 属性指定链接的目标地址，链接文本放在标签之间。
下拉框：
`<select>` 用于创建下拉菜单，`<option>` 定义选项，`value` 属性定义选项的值，`selected` 属性用于设置默认选中的选项。
表格：
`<table>` 用于创建表格，`bgcolor`, `align`, `width`, `height`, `cellspacing` 等属性控制表格的外观。`<tr>` 表示行，`<td>` 和 `<th>` 分别表示单元格和表头单元格，`colspan` 和 `rowspan` 控制单元格跨越的列数和行数。
CSS 用于控制 HTML 元素的样式，如颜色、字体、布局等，使得网页更具视觉吸引力。通过将 CSS 与 HTML 结合，可以创建出美观且功能丰富的网页。
