WEB前端学习第一周总结

一周总结

总结

第一天

在第一周的时间里通过第一天的学习,从最初的学习,知道了网页从建立项目,到完工每一步的构成,以及网页的结构,表现,行为三部分。
到后来的WEB标准,知道了W3C和ECMA。WEB前端学习第一周总结_第1张图片
接下来了解了计算机语言和HTML语言的发展。并初次尝试了VSCODE 。

第二天

了解了HTML的基本结构以及每一句语言的含义。同时了解了HTML的语法,以及一些常用的标签。例如标题标签,文本加粗标签等。
也学习了怎么搭建无序列表,有序列表和自定义列表,同时学会了怎么插入超链接,图片和表格。

第三天

第三天的学习主要对表格进行深度学习,包括行列,宽高,边框颜色,以及对齐方式和间距,最主要的是学习了如何合并单元格,同时通过大量的练习,对合并列,合并行进行深度学习。
第三天下午的学习主要是对表单以及表格的使用,学习了表单中的各种标签的含义,例如密码框,文本框等。例如如下案例就是表单和表格的共同使用。
WEB前端学习第一周总结_第2张图片
代码如下
WEB前端学习第一周总结_第3张图片
在最后学习了CSS中的样式表。

第四天

通过第四天天的学习了解了样式表的权重,css的层叠性,css的选择符,划分网页上下布局,主要对css的选择符进行深入理解和代码实现。
最主要的是学会了用div划分网页布局。

第五天

通过第五天的学习,主要学习了CSS选择符的权重问题,并对css层叠性做解释,也学习了CSS的文本属性,并且初步了解了浮动。
css的属性很多,今日只是学习的文本属性,例如控制文本大小,控制文本颜色,控制下划线等诸多属性,并加以练习。
在这天的最后,学到了一个全新的知识点,浮动!!
浮动的用处很多,但我现在还处于初期学习阶段,通过今天的学习,可以用浮动的只是去进一步划分网页布局。

周末

今天一天的时间主要是自己练习,回顾之前的知识,对之前学过的标签,属性等只是进行复习,并且上手练习。
昨天学习的浮动在今天就派上用场了,用浮动的只知识划分布局可以使网页看起来区域分明,更有利于操作。
例如在div中加入class后,对每个class进行编辑。
WEB前端学习第一周总结_第4张图片
在用css对其每一块进行修饰。例如对banner中的每一个分区进行高和宽的设定,并且把每一块的背景颜色进行修改。
WEB前端学习第一周总结_第5张图片
最终呈现出的效果如题。
WEB前端学习第一周总结_第6张图片

你可能感兴趣的:(WEB前端学习第一周总结)