发表于: 2018-12-23 19:26:51
1 920
成果链接:https://dongjiayu2018.github.io/learn/task1/task1.html
官方脑图:
个人脑图:
1.任务进度超出预计时间,总结个人原因:刚接触互联网属于零基础,目标是把基础打牢。
2.个人脑图跟官方脑图对比来看对基本的知识有所掌握,但还不足。
3.任务总结:
刚开始接触前端的时候什么都不懂,感觉自己学不会,慢慢的看知识点懂得了它的结构,我认为刚开始一定要打好基础,否则后面的任务很难进行下去,下面我将我学到的基础知识进行一个总结:
- html 是一种超文本标记语言,“超文本”就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。
- Html 不是一种编程语言。
- <!DOCTYPE html>文档声明,告诉计算机这是一个html 5文档。
- <html> </html>双标签,所有的文档内容均包含在这个标签里面。
- <head></head>不可见内容,包含文档标题、字符编码等;<title></title>网页标题,包含在内
- <body></body>可见内容:图片、文本表单等所有可见内容。
这些是组成一个html网页的基本结构。
而后我接触到css,明白了css相当于给html添了一件衣服,添加了很多样式,让网页更生动,也学到了盒子和浮动,下面是我总结的基本知识:
- Float的属性值:left(元素向左浮动);right(元素向右浮动);none(默认值);inherit(规定应该从父元素继承float属性的值)
- 如果一个元素要浮动,那么它的祖先元素一定要有高度。有高度的盒子,才能关住浮动。
- 一个盒子中主要的属性就5个:width、height、padding、border、margin。
在完成任务一后,师兄叫我下了git,并且把自己写的代码放到了github里面,而后师兄给我讲解了如何把自己写的代码放到网上,让别人也能看见。
4.任务中遇到哪些疑难问题,最终是如何解决的,有哪些值得分享的收获
刚接触浮动的时候完全不理解,不知道float是干嘛用的,经过师兄不断的解答和我不断的尝试,才得以了解到浮动,并且利用浮动完成了任务一
下载git的时候出现了很多的问题,我不断的在网上查阅资料才解决
最后我认为一定要静下心来去学,不懂得就要查,多培养自己查阅知识的能力。
评论