HTML (HyperText Markup Language) 是用于创建网页结构的标记语言，而 CSS (Cascading Style Sheets) 则用于为网页添加样式和布局。在 web 前端开发中，HTML 和 CSS 是必不可少的技术，因为它们共同构成了网页的基础架构和外观。
HTML 基础
在 HTML 中，标签是用来标记不同部分的元素，例如标题、段落、链接等。每个 HTML 标签都由尖括号包围，例如 <p> 表示段落标签。以下是一些常用的 HTML 标签：
<h1>-<h6>：用于表示不同级别的标题<p>：用于表示段落<a>：用于创建链接<img>：用于插入图片<ul>和<ol>：分别用于创建无序列表和有序列表<div>和<span>：用于分组和样式化元素
除了标签，HTML 还可以使用属性来为元素添加额外的信息或样式。例如，<img> 标签可以使用 src 属性来指定图片的 URL。以下是一个简单的 HTML 示例：
-- -------------------- ---- ------- --------- ----- ------ ------ ---------------------- ------- ------ ----------------- -------------- -- --------------------------------------------- ---- ----------------- ----------- ------- -------
CSS 基础
CSS 用于为 HTML 元素添加样式和布局。可以通过选择器来选中特定的元素，并为其应用样式。以下是一些常用的 CSS 属性：
color：用于设置文本颜色font-size：用于设置字体大小background-color：用于设置背景颜色margin和padding：用于设置元素的外边距和内边距display：用于设置元素的显示方式
可以将 CSS 样式添加到 HTML 文档中的 <style> 标签中，也可以将样式单独保存在一个 .css 文件中，并通过 <link> 标签引入。以下是一个简单的 CSS 示例：
-- -------------------- ---- -------
--------- -----
------
------
----------------------
-------
-- -
------ -----
---------- -----
-
- -
------ ------
---------- -----
-
--------
-------
------
-----------------
--------------
-------
-------以上是 HTML 和 CSS 的基础知识，通过学习和实践，你可以创建出漂亮且功能丰富的网页。在接下来的章节中，我们将深入探讨更多高级的 HTML 和 CSS 技术。
