经过一周的学习,我这个前端小白对网页的学习,又有了新的进展,这不过来跟大家分享我的心得了。这次要分享的,主要就是我的学习的途径。上次很随意地开始了一个网页代码的初印象,还记得上次写的那几行小代码嘛,那个就叫做HTML语言。而对于一个网页,主要是由HTML和CSS和JavaScript共同组成。这一次比较系统地给一下可以学习的相关资料和途径。先说HTML和CSS,这里给一个链接,可以使用这个链接,在线地学习HTML和CSS。这个链接就是:/learn/9当然,如果你不想,本公众号,也会慢慢地把这些课程分成小块块的面包渣给你呈上,希望你和我一样是有决心从零开始要做好一件事的。再来说JavaScript,这里我使用的资料就是传说中的红皮书《JavaScript高级程序设计》。这一次也小小地先给大家看一些开头。当然,你看不懂也没有关系哟,反正我以后还会再细细地道来的。这一次先给大家介绍一下文档对象模型(DOM)先来看一段HTML代码:SamPle Page
Hello World
直接上图:在DOM中,这个页面可以通过如下图所示的分层 节点图表示。通过DOM创建的这个表示文档的树形图,开发人员获得了控制页面内容和结构的主动权。借助DOM提供的API,开发人员可以轻松自如地删除、添加、替换或修改任何节点。最后给一个简单的小任务:请尝试根据文中的树状图,反向地写出HTML代码,欢迎把结果和疑问留言给我哟~