HTML 知识点：
结构标签：使用<header>标签定义网页的页眉部分，<nav>标签定义导航栏，<main>标签定义网页的主要内容，<section>标签将内容分块，<article>标签定义独立的文章内容，<footer>标签定义网页的页脚部分。
文本标签：使用<h1>-<h6>标签定义标题，数字越小，字体越大；<p>标签定义段落，<a>标签定义链接，<strong>和<em>标签分别用于强调和斜体显示文本。
表格标签：使用<table>标签创建表格，在<table>内使用<tr>标签定义表格的行，在<tr>内使用<td>标签定义表格的单元格，colspan和rowspan属性可以控制单元格的合并和拆分。
表单标签：使用<form>标签创建表单，在<form>内使用<input>标签定义输入字段，<select>标签定义下拉列表，<textarea>标签定义多行文本输入框。
CSS 知识点：
选择器：标签选择器通过标签名称选择元素，类选择器通过类名选择元素（使用.前缀），ID 选择器通过元素 ID 选择元素（使用#前缀），属性选择器通过元素的属性选择元素。
盒模型：每个 HTML 元素都有一个盒子，包括内容区、内边距、边框和外边距。通过 CSS 的width和height属性可以设置元素的尺寸，通过padding属性可以设置元素的内边距，通过border属性可以设置元素的边框样式，通过margin属性可以设置元素的外边距。
样式属性：除了上述提到的属性，CSS 还有许多其他属性可以用于改变元素的样式，例如background-color（背景颜色），font-family（字体类型），text-align（文本对齐方式），border-radius（边框圆角）等。
布局属性：display属性可以控制元素的显示方式，例如block（块级元素）和inline（内联元素），position属性可以控制元素的定位方式，例如static（静态定位）和relative（相对定位），float属性可以将元素漂浮在文档中。
媒体查询：使用 CSS 中的媒体查询，可以根据设备的不同特性，为不同尺寸的屏幕提供不同的样式。媒体查询可以通过@media关键字定义，并使用不同的 CSS 规则为不同屏幕尺寸设置样式。