欢迎来到我的个人主页

关于我

大家好，我是马紫奥,目前正在学习 HTML5 与前端开发。我喜欢用代码把想法变成看得见、摸得着的页面。

这是一个换行的段落
换行完成

我的目标是成为一名优秀的前端工程师，能够独立完成既美观又实用的网站。

我的作品

这是我第一个完整的 HTML5 练习页面，包含文档声明、三层结构以及完整的 meta 信息。

接下来我计划制作一个个人博客首页，用上语义化标签、表单和简单的 CSS 样式。

上面参考文献: '流浪地球'

一个三级标题

自我介绍

我是 maziao，拼音名 maziao。 目前正在学习 HTML5 与前端开发，希望成为一名 优秀的前端工程师。
我喜欢的一句话是：水能载舟，亦能覆舟。
以前觉得写代码很难，后来发现只要坚持，一切都会慢慢变好； 而“三天打鱼两天晒网”只会被 拖延和放弃 打败。
我的身高约 180^cm，平时爱喝 Cl₂， 也喜欢在 安静的午后 看书、跑步和拍照。

我的爱好

• read
  • 技术类书籍
  • 科幻小说
  • 人物传记
• 跑步
• 摄影
• 听音乐

我的学习计划

1. 熟练掌握 HTML5 语义化标签
2. 学习 CSS3 布局（Flexbox 与 Grid）
3. 掌握 JavaScript 基础与 DOM 操作
4. 完成一个响应式个人博客页面
5. 学习 Git 与前端工程化工具

前端术语小词典

HTML:

超文本标记语言，用于描述网页的结构与内容。

CSS:

层叠样式表，用于控制网页的外观、布局与视觉效果。

JavaScript:

一种脚本语言，用于为网页添加交互行为和动态功能。

链接与图片

普通链接： b站

新窗口打开： 在 B 站看美食

带提示的链接： 黑悟空出DLC了，预告视频（悬停有提示）

联系我： maziao@example.com

页内跳转： 回到本小节开头 ｜ 回到页面顶部

---

我的头像

点击下面的图片可以跳转到 B 站：

说明：图片使用 avatar.svg，设置了 src、alt、width、height，并包裹在 <a> 标签中实现点击跳转。

我学过的课程

我学过的课程

课程名称	学习平台	学习状态
HTML5 基础		已完成
前端开发	CSS3 布局	学习中
	JavaScript 基础	待开始
Git 版本控制	B 站	学习中

表格说明：第一行是 <th> 表头；“HTML5 基础”使用了 colspan="2" 跨 2 列； “前端开发”使用了 rowspan="2" 跨 2 行。