代码部分：
<!DOCTYPE html>
<!-- 上方为DOCTYPE声明，指定文档类型为HTML -->
<html lang="en">
<!-- html标签为整个页面的根元素 -->
<head>
<!-- title标签用于定义文档标题 -->
<title>初始HTML</title>
</head>
<body>
<!-- div标签为块级元素，一个占一行，一行只会有一个 -->
<div>div标签：块级元素，一个占一行，一行只会有一个</div>
<!-- div标签，加上颜色样式 -->
<div style="color: brown;">加个颜色</div>
<!-- div标签，改变字体 -->
<div style="font-family: '楷体';">改个字体</div>
<!-- div标签，改变字号 -->
<div style="font-size: 40px;">改个字号</div>
</body>
<!-- body标签结束 -->
</html>
<!-- html标签结束 -->
页面展示：
![[ 蓝桥杯Web真题 ]-布局切换](https://img-blog.csdnimg.cn/img_convert/eb91b2d102d8af1da7def68abf95e729.png)
