：块级元素，用于布局
二、CSS样式
2.1 CSS概述
CSS（层叠样式表）用于设置网页元素的样式，如颜色、字体、布局等。
2.2 CSS语法
选择器 {
属性: 值;
}
2.3 常用CSS属性
color
：设置文字颜色
font-size
：设置字体大小
margin
：设置外边距
padding
：设置内边距
width
、
height
：设置宽度和高度
background-color
：设置背景颜色
2.4 布局技术
float
：浮动布局
flex
：弹性布局
grid
：网格布局
三、JavaScript编程
3.1 JavaScript概述
JavaScript是一种客户端脚本语言，用于实现网页的动态效果和交互功能。
3.2 JavaScript语法
// 定义变量
var a = 1;

// 输出内容
console.log(a);

// 函数定义
function myFunction() {
// 函数体
}

// 调用函数
myFunction();
3.3 常用JavaScript对象
Document
：文档对象
Window
：窗口对象
Element
：元素对象
3.4 事件处理
click
：点击事件
mouseover
：鼠标移入事件
keydown
：按键事件
四、实战项目
4.1 项目一：简易博客
使用HTML创建页面结构
使用CSS设置页面样式
使用JavaScript实现动态效果和交互功能
4.2 项目二：在线商城
使用HTML创建商品列表页面
使用CSS实现响应式布局
使用JavaScript实现商品搜索、添加购物车等功能
4.3 项目三：个人简历网站
使用HTML展示个人信息
使用CSS设计页面风格
使用JavaScript实现简历动态效果
五、总结
通过以上实战项目，可以全面掌握HTML、CSS和JavaScript的开发技能。在实际开发过程中，还需要不断学习新技术和新工具，以提高自己的前端开发水平。