当青训营遇上码上掘金
主题 1:我的名片
做为一名正在学习前端技术的大学生,为了验证本次第五届青训营的学习成果,我制作了一个简单的前端网页,来展示我的个人名片信息,为了简化本次作品的思路,我使用了HTML作为本次名片内容的实现的语言。
本次编写的个人主页,包含了如下个人信息与思路概要:
(1) 标题“欢迎访问×××的主页”
(2) 个人简介,包含照片。
(3) 个人经历简介——以有序列表形式显示。
(4) 个人最喜欢的4本书——以无序列表显示。
(5) 个人兴趣简介——以段落文字方式显示,或者以列表显示。
(6) 列出6门主干课程成绩——以表格形式显示。
(7) 个人博客链接——url在页面中的的插入。 成果展示如下:
超链接数据测试:
(一)活动中遇到的主要问题及解决方法
本次活动中中,首次生成的网页较为简陋,文字离页边的距离太近,十分拥挤,于是查找问题,使用p {text-indent: 2em;}语句解决了页边距离较窄的问题,灵活运用实体符号 来规划网页布局;
在选择图片的时候,发现图片无法加载出来,加入alt属性发现标签没有问题,是src属性的路径错误,查看文件路径后发现图片路径偏移,放入同一目录下之后问题解决,灵活用font标签解决背景颜色与字体冲突的问题;
(二)活动心得
了解了web开发的相关内容,建立网页需要注意的各个部分在代码中是如何呈现出来的,对html文件的书写有了更加深入的体会,明白了格式在文档中的重要性,在书写代码的过程中,随意调换格式顺序会引发一系列的问题,这点在我们的前端页面代码的书写之中,尤为需要我们注意。