【HTML与CSS基础】
HTML（超文本标记语言）和CSS（层叠样式表）是构建网页的两大核心技术。HTML负责定义网页的内容结构，而CSS则用于美化这些内容的呈现方式。
1. HTML基础知识：
- **HTML标签**：HTML通过一系列的标签来描述网页元素，如`<html>`表示整个文档的开始，`<head>`包含元数据，`<body>`包含网页可见内容，`<h1>`至`<h6>`定义标题，`<p>`代表段落，`<a>`用于创建链接等。
- **属性**：HTML标签可以拥有属性，例如`<a href="http://example.com">链接</a>`中的`href`属性定义了链接的目标地址。
- **结构化元素**：HTML5引入了更多语义化的标签，如`<header>`、`<nav>`、`<section>`、`<article>`、`<aside>`和`<footer>`，帮助更好地表达网页的逻辑结构。
2. CSS基础知识：
- **选择器**：CSS通过选择器来定位HTML元素，如`#id`、`.class`、`tag`、`:hover`等，用于指定样式应用的对象。
- **属性和值**：CSS使用属性-值对来定义样式，如`color: red;`设置颜色为红色，`font-size: 16px;`设置字体大小。
- **盒模型**：CSS的盒模型包括内容(content)、内边距(padding)、边框(border)和外边距(margin)，理解盒模型对于布局至关重要。
- **布局技术**：CSS提供了流体布局、网格系统、Flexbox和Grid布局等多种布局方式，适应不同设备和屏幕尺寸的需求。
- **响应式设计**：通过媒体查询(`@media`)，CSS可以实现响应式布局，使网页在不同设备上呈现出最佳视觉效果。
3. HTML与CSS的结合：
- **内联样式**：将CSS直接写在HTML元素的`style`属性中，但这种方法不推荐，因为不利于代码的维护和复用。
- **内部样式表**：在`<head>`标签内的`<style>`标签中定义CSS，适用于整个页面的样式统一。
- **外部样式表**：创建独立的`.css`文件，通过`<link rel="stylesheet" href="style.css">`引入，便于管理和重用样式。
4. 学习资源：
- **W3School**：提供丰富的在线教程和参考文档，是初学者的好帮手。
- **MDN Web Docs**：Mozilla开发者网络的资源深入且全面，适合进阶学习。
- **CSS Tricks**：网站提供了大量实用的CSS技巧和教程。
- **CodePen**：在线代码编辑器，可以用来试验和分享HTML、CSS和JavaScript代码片段。
通过深入学习和实践HTML与CSS，你可以创建出美观、功能完善的网页。在"Intro2"的学习过程中，了解和掌握这些基础知识是至关重要的，因为它们构成了网页设计的基础框架。
web-main.zip （4个子文件） 
web-main 
subject.css 23B
index.html 12B
