在探索网页设计的奥秘中，大一学生小李开始了他的HTML作业之旅，他首先学习了基本的标签和属性如`、 , 并通过在线教程和实践项目逐渐掌握了如何创建简单的页面布局与样式设计技巧的CSS代码（.container {margin: auto; width :50%;} `）。，通过不断尝试并应用所学知识到实际项目中——一个关于“校园生活”的小型网站制作上后发现自己的不足及需要改进之处；同时他也从同学那里学到了很多新技能比如使用JavaScript实现动态效果等来丰富用户体验(e.g., 使用JS使按钮点击时显示隐藏内容)，这次经历不仅让他对前端开发有了更深入的理解也激发了他继续学习和实践的热情为未来职业生涯打下坚实基础

初识 HTML —— 大一学生启程的起点 在信息技术飞速发展的今天，互联网已成为人们生活中不可或缺的一部分，而作为计算机科学与技术专业的大一年级新生，“Hello World”之后的第一项挑战便是学习如何构建一个基本的网站——这便是我此次“冒险旅程”——完成一项基于HTM（HyperText Markup Language）语言的个人主页设计任务的过程记录与心得分享。“你好！世界”，现在轮到我说：“嗨！”给自己的第一个Web页面了。” 首先接触到的不仅仅是代码和标签这么简单的东西；它更像是一个全新的语言体系和一个充满无限可能的创意空间等待我去发掘和理解。"我"将通过这次实践来掌握这个基础但强大的工具并尝试表达自我观点及想法于虚拟的网络之中，"用一行行文字或图片搭建起属于自己的小天地"。 为了更好地理解和学习这门新技能，《CSS》、《JavaScript》等后续知识也将在未来逐步展开深入探讨和应用实践中得到补充和完善。《Python》《Java Web开发》、数据库管理……这些都将是我们日后走向更加广阔领域所必须具备的知识储备之一部分呢! 在此之前,让我们先从最基础的开始吧: 认识 和 使用 html 。 ###### 二. 从零到一的创造过程 ###1.: 作为初次涉足这一领域的初学者来说,"想做什么?"这个问题显得尤为重要且具有指导意义."我希望我的首页能够展示出我对生活的热爱以及所学专业的热情",于是我决定以 "生活+科技=梦想成真!"为主题进行创作;同时考虑到美观性和实用性相结合的原则下设计了如下几个板块:导航栏(Navbar)- 提供快速访问链接至其他重要页面的功能;关于自己 (About Me) - 个人简介及其兴趣爱好介绍 ;*项目经历/作品集*(Projects) 博客文章 / 知识共享区 *(Blog Posts )- 为大家提供一些编程技巧或者日常感悟等内容 .2.动手编写: 根据上述构思 ,我开始着手实现每个模块的设计工作 : 首先创建了一个名为 “index_template ” 的文件夹并在其中建立了四个文件分别对应着上面提到的各个版块的内容模板(.htm 文件).接着利用记事本软件打开其中一个空白的 html文档输入以下基本结构框架: 部分定义了我将要使用的字符编码类型为 UTF8 并引入了一些外部样式表资源如 CSS 来增强视觉效果; 则包含了我的整个站点主体内容和布局信息.