html&css学习
HTML & CSS 学习总结：
HTML 学习总结：
1. HTML 简介：
HTML（超文本标记语言）是用于构建网页结构的标记语言。它通过使用不同的标签（如 <html>、<head>、<body>等）来定义页面的结构和内容。
2. 基本的 HTML 标签：
了解常用的 HTML 标签，例如：
- <html>：定义 HTML 文档
- <head>：定义文档的头部（包含元数据等信息）
- <body>：定义文档的主体内容
- <h1> 到 <h6>：定义标题
- <p>：定义段落
- <a>：定义超链接
- <img>`：插入图像
- <ul>和 <li>：定义无序列表
- <ol>和 <li>：定义有序列表
- <table>、<tr>、<td>：定义表格和表格行、单元格等
3. HTML 元素属性：
了解如何使用元素属性，例如：
- class：为元素定义类名，用于控制样式和选择
- id：为元素定义唯一的标识符
- src：指定图像或媒体文件的 URL
- href：指定链接的目标 URL
4. HTML 表单：
学习构建 HTML 表单，用于用户输入和提交数据，例如：
<form>
<label for="name">姓名：</label>
<input type="text" id="name" name="name">
<label for="email">邮箱：</label>
<input type="email" id="email" name="email">
<input type="submit" value="提交">
</form>CSS 学习总结：
1. CSS 简介：
CSS（层叠样式表）用于控制网页的样式和布局。它通过为 HTML 元素应用不同的样式，如颜色、字体、大小、边距等，来控制页面的外观和风格。
2. 样式选择器：
了解不同的样式选择器，可以选择一个或多个 HTML 元素，并将样式应用到它们上，例如：
- 元素选择器：`h1`、`p`、`a`等
- 类选择器：`.classname`
- ID 选择器：`#idname`
- 后代选择器：`div p`（选择 `<div>` 元素内的所有 `<p>` 元素）
- 伪类选择器：`:hover`、`:first-child`等
3. 盒子模型：
了解盒子模型的概念，它是 CSS 中元素布局的基础，包括内容区域、内边距、边框和外边距，例如：
<form>
<label for="name">姓名：</label>
<input type="text" id="name" name="name">
<label for="email">邮箱：</label>
<input type="email" id="email" name="email">
<input type="submit" value="提交">
</form>4. CSS 布局：
学习不同的布局技术，如浮动、定位和弹性盒子布局等，控制元素在页面中的位置和排列方式。
5. 响应式设计：
了解响应式设计的概念和技术，使网页能够适应不同的设备和屏幕尺寸。
通过学习 HTML 和 CSS，我掌握了创建网页结构、设置元素样式和布局的基础知识。我了解了不同的 HTML 标签和属性，以及如何通过 CSS 选择器和样式来控制元素的外观和布局。我还学会了构建表单和使用 CSS 布局技术来实现灵活和响应式的设计。