总述

  我对于网页这部分的理解吧,对于静态网页来说,无非分为三部分:第一部分、HTML,第二部分、CSS,第三部分、JavaScript(这部分暂且放一边)。这俩个给我的第一印象就是,这你妹的都是一串串英文字母啊!一大堆的标签,头疼...但是如果我们仔细去想一下自己以前写的这些英文字母,其实就好比在去书写一篇文章。你不妨这样来想想,当我们去进行写一篇语文作文时,是不是要去构思开头,主体,结尾...一些东西,每一段还要给空俩行这样的要求。转到代码上来,HTML它是不是就是在干我们刚刚说的那些事,只不过我们换了一种规则,我们用标签这种规范来去定义不同的部分,就像HTML5中新引进的标签<header>和<footer>

这就好比我们在玩扑克牌,玩法有斗地主,打大A等等,我们不能因为将斗地主的玩法规则变成打大A规则后就说,我们玩的不是扑克牌了吧!这显然是不科学的。所以,对于HTML这部分来说,就像是写一篇作文一样,只不过是把以前的玩法换成了标签这种规则。我们要做的就是去记忆这个规则以便我们更好的去"书写"。

  而CSS这部分,其实本来用HTML就可以完成数据的承载了,但是人们还是发明了CSS并且非常喜爱,为什么呢?从CSS的来源来说,它的出现就是为了构建一个更加美好,漂亮的页面。换句话说,书本已经可以承载知识了,但是人们依旧发展了视频教学、PPT教学,因为用图片、视频来体现某些东西会让人更好理解。到此我们可以去回答上面的那个问题了。因此,CSS它比较难学,因为它不在是HTML那样的规则,更像是披着规则羊皮的工具狼,对于工具的运用就不在有什么规范界限,是越熟悉这个工具,越会发挥它的力量。

  第三部分JavaScript、它的出现吧,我自己感觉就好像是程序员的一种偏执,就是我不喜欢我无法控制的东西,我需要一个工具,来控制我写好的页面,因此JavaScript出现了。它的作用就是可以对HTML、CSS的任何一个部分进行控制,来达到我想要的效果。

  再往深说一下,为什么这些英文字母的组合就会给我们呈现出良好的页面呢?这一切都是归功于每个浏览的核心部分----内核,通俗一点的说就是一个翻译器,好比有道词典,把英文翻译成了我们熟悉的汉语。

关于HTML、CSS、JavaScript三者关系的简述的更多相关文章

  1. HTML、 CSS、 JavaScript三者的关系 1

    HTML. CSS. JavaScript三者的关系 网页主要由三部分组成: 结构( Structure) . 表现( Presentation) 和行为( Behavior)    HTML —— ...

  2. HTML、 CSS、 JavaScript三者的关系

    HTML. CSS. JavaScript三者的关系    网页主要由三部分组成: 结构( Structure) . 表现( Presentation) 和行为( Behavior)    HTML ...

  3. HTML,Css,JavaScript之间的关系

    简述HTML,Css,JavaScript 网页设计思路是把网页分成三个层次,即:结构层(HTML).表示层(CSS).行为层(Javascript). 1.HTML(超文本标记语言 Hyper Te ...

  4. html css javascript 加载的顺序

    html /css /javascript 这三者的加载顺序影响整个页面的加载速度.而加载速度的快慢直接影响pv(访问量),而且会影响经济收入.在大网站中,可能打开速度快一秒,一年能多带来上亿的收入. ...

  5. 原创的基于HTML/CSS/JavaScript的层级目录树

    之前参加过一些基于HTML/CSS/JavaScript的项目,当在页面中需要生成一颗目录树时,总是首先想着网上有没有现成的生成树的源代码,比如dtree.zthee,或者使用一些javascript ...

  6. HTML & CSS & JavaScript 从一个表格到一个灰阶颜色表 03

    工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 其实,我还想使用表格,做一个这样的颜色表,如下图所示: 如果按照之前的做法,把每一种颜色都列 ...

  7. Sublime Text插件:HTML+CSS+JAVASCRIPT+JSON快速格式化[转]

    今天在github上乱逛,无意间找到victorporof分享的htmlpretty插件,特做推荐: 先看看他是怎么描述htmlpretty的: This is a Sublime Text 2 an ...

  8. html+css+javascript实现列表循环滚动示例代码

    使用html+css+javascript实现列表循环滚动,设置时间定时,在规定的时间内替换前一个节点的内容,具体示例如下,感兴趣的朋友可以参考下 说明:设置时间定时,在规定的时间内替换前一个节点的内 ...

  9. HTML+CSS+JAVASCRIPT 总结

    1. HTML 1: <!doctype html> 2: <!-- This is a test html for html, css, javascript --> 3: ...

随机推荐

  1. ant的设置properties

    特点 大小写敏感: 不可改变,先到先得,谁先设定,之后的都不能改变. 怎样设置 1 .设置 name 和 value 属性值,比如: <property name="srcdir&qu ...

  2. Android高效率编码-第三方SDK详解系列(三)——JPush推送牵扯出来的江湖恩怨,XMPP实现推送,自定义客户端推送

    Android高效率编码-第三方SDK详解系列(三)--JPush推送牵扯出来的江湖恩怨,XMPP实现推送,自定义客户端推送 很久没有更新第三方SDK这个系列了,所以更新一下这几天工作中使用到的推送, ...

  3. 开源视频平台:ViMP

    ViMP是一个开源的视频平台,可以用于建立自己的视频门户.可以用于VoD系统,网络学习系统,企业内部视频系统的搭建. 这一阵子一直在研究网络视频平台.发现这类的开源系统相对来说还是比较少的,因此在发现 ...

  4. iOS开发:创建真机调试证书步骤(还有一篇是真机测试步骤)(2015年)

    (关于真机测试步骤的blog:http://blog.csdn.net/hbblzjy/article/details/51680282) 1.首先打开苹果的开发者网站(https://develop ...

  5. 衡量android开发者水平的面试问题-android学习之旅(91)

    一般面试时间短则30分钟,多则1个小时,这么点时间要全面考察一个人难度很大,需要一些技巧,这里我不局限于回答题主的问题,而是分享一下我个人关于如何做好Android技术面试的一些经验: 面试前的准备 ...

  6. Cocos2D的OALSimpleAudio预加载音频

    在OALSimpleAudio接口中,没有委托机制和通知机制告诉你什么时候预加载完成.也不需要这样的机制. 如下代码: //Listing 11-1. Preloading a background ...

  7. Learning ROS for Robotics Programming Second Edition学习笔记(六) indigo xtion pro live

    中文译著已经出版,详情请参考:http://blog.csdn.net/ZhangRelay/article/category/6506865 Learning ROS for Robotics Pr ...

  8. ITU-T Technical Paper: 测量QoS的基本网络模型

    本文翻译自ITU-T的Technical Paper:<How to increase QoS/QoE of IP-based platform(s) to regionally agreed ...

  9. DB 查询分析器 6.03 ,遨游于任何Windows操作系统之上的最优秀的数据库客户端工具

    DB 查询分析器 6.03 ,遨游于任何Windows操作系统之上的最优秀的数据库客户端工具 中国本土程序员马根峰(CSDN专访马根峰:海量数据处理与分析大师的中国本土程序员  .03版本已经完全兼容 ...

  10. mybatis源码之SimpleStatementHandler

    /** * @author Clinton Begin */ public class SimpleStatementHandler extends BaseStatementHandler { pu ...