这些就是造房子的原材料。而这些最基本的东西，你可以想象成HTML各种标签，HTML各种标签就是组成一个网页最基本的原材料。
有了原材料，还造不了一座房子，你需要砌砖工、搬运工、粉刷师等。这些人合作才能造出一座有层次，有结构，有序列，有组织、有美感的房子。而CSS就做了这些工人的工作，它让你的网页看起来不会杂乱无序，并且富有美感。
好了，有一天，你突然发现你的房子虽然美观，但不够智能。比如出差回来，热水器没有把水烧开。下雨了，窗户没关。你希望这些事情，房子能够在某个特定的场景下替你完成，所以你请了一些高级工人给你的房子加了一些特异功能，能完成你的上述需求。这些功能看起来很炫很实用。Javascript就是为这个使命而生的，他可以给各种HTML元素添加动态特效，所有你在网页上看到能动的东西，基本上都是用javascript做出来的。
从专业术语上讲，HTML俗称超文本标记语言，CSS俗称级联层叠样式表，javascript是一种面向对象的前端脚本语言。他们三者都由浏览器解释执行，更具体的用法之类的，题主可以百度搜索。
讲这个例子，是希望新手能够以一种通俗易懂的方式，去了解他们三者的关系，以便对题主后面的学习，有一个正确的导向。
一路编程深似海，从此红尘是路人——下有杰伦
H5是指第5代HTML，也指用H5语言制作的一切数字产品。所谓HTML是“超文本标记语言”的英文缩写。我们上网所看到网页，多数都是由HTML写成的。“超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。浏览器通过解码HTML，就可以把网页内容显示出来，它也构成了互联网兴起的基础。HTML的第一版1991年开始研发，1993年发布。本来每隔一段时间HTML都应该进行更新，但是自1999年12月HTML4.01发布以来，就再也没有更新。此后的十多年，互联网行业发生了翻天覆地的变化，人们逐渐意识到原有的HTML已经不能适应互联网的发展了。这时出现了两个组织分别提出了新的方案：WHATWG和W3C。前者开发了Web Applications 1.0，后者则开发了XHTML2.0。在2006 年，双方决定进行合作，来创建新一代的HTML，这就是H5。 H5之所以能引发如此广泛的效应，根本在于它不再只是一种标记语言，它为下一代互联网提供了全新的框架和平台，包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能，并使这些应用标准化和开放化，从而使互联网也能够轻松实现类似桌面的应用体验。H5的最显著的优势在于跨平台性，用H5搭建的站点与应用可以兼容PC端与移动端、Windows与Linux、安卓与IOS。它可以轻易地移植到各种不同的开放平台、应用平台上，打破各自为政的局面。这种强大的兼容性可以显著地降低开发与运营成本，可以让企业特别是创业者获得更多的发展机遇。此外，H5的本地存储特性也给使用者带来了更多便利。基于H5开发的轻应用比本地APP拥有更短的启动时间，更快的联网速度，而且无需下载占用存储空间，特别适合手机等移动媒体。而H5让开发者无需依赖第三方浏览器插件即可创建高级图形、版式、动画以及过渡效果，这也使得用户用较少的流量就可以欣赏到炫酷的视觉听觉效果。
HTML（HyperTextMark-upLanguage）即超文本标记语言或超文本链接标示语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。统一资源定位符 (Uniform Resource Locator, URL)
是用于完整地描述Internet上网页和其他资源的地址的一种标识方法。
Internet上的每一个网页都具有一个唯一的名称标识，通常称之为URL地址，这种地址可以是本地磁盘，也可以是局域网上的某一台计算机，更多的是Internet上的站点。简单地说，URL就是Web地址，俗称“网址”。
