经过一周的学习,我这个前端小白对网页的学习,又有了新的进展,这不过来跟大家分享我的心得了。这次要分享的,主要就是我的学习的途径。上次很随意地开始了一个网页代码的初印象,还记得上次写的那几行小代码嘛,那个就叫做HTML语言。而对于一个网页,主要是由HTML和CSS和JavaScript共同组成。这一次比较系统地给一下可以学习的相关资料和途径。先说HTML和CSS,这里给一个链接,可以使用这个链接,在线地学习HTML和CSS。这个链接就是:https://www.imooc.com/learn/9当然,如果你不想,本公众号,也会慢慢地把这些课程分成小块块的面包渣给你呈上,希望你和我一样是有决心从零开始要做好一件事的。再来说JavaScript,这里我使用的资料就是传说中的红皮书《JavaScript高级程序设计》。

这一次也小小地先给大家看一些开头。当然,你看不懂也没有关系哟,反正我以后还会再细细地道来的。这一次先给大家介绍一下文档对象模型(DOM)先来看一段HTML代码:SamPle Page

Hello World

直接上图:

在DOM中,这个页面可以通过如下图所示的分层 节点图表示。

通过DOM创建的这个表示文档的树形图,开发人员获得了控制页面内容和结构的主动权。借助DOM提供的API,开发人员可以轻松自如地删除、添加、替换或修改任何节点。最后给一个简单的小任务:请尝试根据文中的树状图,反向地写出HTML代码,欢迎把结果和疑问留言给我哟~

dom文档对象手册_编程小白网页学习笔记之文档对象模型(DOM)相关推荐

  1. dom文档对象手册_HTML5学习之DOM编程

    DOM是Document Object Model的缩写,中文名称是文档对象模型. DOM是处理HTML页面的标准编程接口,[前端精选40G资料包赠送co,每日新闻资讯ding,每天进步一点点bb,小 ...

  2. dom文档对象手册_DOM总结

    一.DOM是一棵树,树上有Node,Node分为 Document.Element(元素)和 Text(文本),以及其他不重要的. 二.浏览器原生提供document节点,代表整个文档, 文档的第一层 ...

  3. HTML DOM文档对象查找元素的方法

    一.HTML DOM 节点 在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点: 文档是一个文档节点. 所有的HTML元素都是元素节点. 所有 HTML ...

  4. 数据结构最短路径例题_编程小白暑期进阶笔记45-C语言数据结构与算法最短路径和dijkstra算法...

    最短路径 算法特点: 迪科斯彻算法使用了广度优先搜索解决赋权有向图或者无向图的单源最短路径问题,算法最终得到一个最短路径树.该算法常用于路由算法或者作为其他图算法的一个子模块. 算法思路: Dijks ...

  5. c++ 遍历所有点且距离最短_编程小白暑期进阶笔记41-C语言数据结构与算法图遍历的应用...

    基于广度优先遍历算法的应用 思考题: (思考题答案: BFS(广度优先遍历)在一般的带权图中是不能解决最短路问题,了解BFS的都知道,BFS是根据节点到源节点之间的节点数遍历的,也就是先访问离源节点节 ...

  6. python科学计数法转换_柳小白Python学习笔记35 Excel之科学计数法类型转换及数据选取1...

    昨天学习了使用pandas模块如何查看Excel工作表"wz"的基本信息.今天学习,转换数字科学计数法格式及提取需要处理的数据,接下来就进入今天的学习吧. 一.转换科学计数法格式 ...

  7. python字典内置方法_柳小白Python学习笔记 12 内置方法之字典方法

    学习字典的时候只学习了最基本的字典定义和创建方式.今天再学习两种字典的创建方法及字典内置方法的使用. 现在春暖花开,所以我用花的元素创建了garden(花园)系列字典,字典的键是flowers(花名) ...

  8. BOM 浏览器对象模型和DOM 文档对象模型

    浏览器对象模型BOM 1. 浏览器对象模型介绍 BOM(Browser Object Model) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的.可 ...

  9. JavaScript学习笔记05【高级——DOM对象】

    w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...

最新文章

  1. SpringBoot开发微信公众号
  2. 解决 EF whereT(func) 查询的一个性能问题
  3. 看门狗寄存器c语言代码_「正点原子NANO STM32F103开发板资料连载」第十一章 看门狗实验...
  4. Influxdb的更新操作
  5. vscode 结束_21 个VSCode 快捷键,让代码更快,更有趣
  6. MyCat双机HA高可用集群搭建_Keepalived安装和配置---MyCat分布式数据库集群架构工作笔记0029
  7. java.lang.IllegalArgumentException: addChild: Child name '/SSHE' is not unique
  8. iOS地图 -- 定位初使用
  9. 【视觉SLAM14讲】【汇总】
  10. ubuntu 虚拟显示器制作
  11. 如何巧用Microsoft edge浏览器合并pdf文件
  12. 企业内部即时通讯工具WorkPlus,支持内网私有化部署
  13. 从pdf提取图片,有两个库可以提取fitz(要install pymupdf)、pdfminer(install pdfminer3k)
  14. 详解数据模型:概念模型、逻辑模型、物理模型
  15. python读取桌面上的文件夹怎么加密_python给文件夹加密 怎么样给python文件加密...
  16. 清远市高中计算机考试时间,2017年清远市中考体育考试安排
  17. 非线性优化库NLopt简介
  18. linux之系统间的文件传输(scp,rsync以及二者之间的区别)
  19. Python - 列表补充(二)
  20. 字符串常用方法(1)

热门文章

  1. 如何区分两列中不同数据_如何区分原装数据线和山寨数据线
  2. 毛玻璃效果 php,CSS3如何实现磨砂玻璃背景效果
  3. 后台定时统计任务太耗时如何优化一下
  4. Java编码规范注意
  5. android状态栏背景色和图标颜色更改总结
  6. mysql三表联合更新_mysql三表连接update
  7. httpservletresponse 重定向浏览器不变的原因_正确区分火狐浏览器(Firefox)中国版和国际版amp;下载方法...
  8. 控件:DataGridView列类型
  9. 最近关于linux的一些小问题。
  10. Oracle SQL的优化 【转】