1.2. 认识网页

随着移动互联网的迅速推广，每天产生无数的信息在网络中传播，医疗、娱乐、教育、军事……，形形色色的网络应用已经充斥了人们生活的每个角落。当人们徜徉其中，各得其乐时，是否想知道这些网页是如何构成的，又是如何制作的呢？关心前端开发技术的用户也许听过“HTML”“CSS”“JavaScript”“JQuery”“Ajax”“React”“Angular”“Vue”“Nodejs”等技术名词，这些不同的技术和框架又该如何学习？事实上，不管前端技术如何发展，其核心就在于“HTML”“CSS”“JavaScript”这三个技术。牢固掌握这些核心技术才能顺利学习“React”“Vue”“Angular”这类前端框架。毕竟这些框架层出不穷，更新又快，有些昙花一现只流行一时。因此，从这个意义上来看看，掌握最基础的原生语言是网页开发技能初学者的基本功。

1.2.1. 网页与网站

用户通过浏览器里看到那些包含表单、文字、图片、链接，有时还有动画、音频、视频等内容。承载这些内容的页面称之为网页（Web Page），如图 1 1所示。而网站（WebSite），就是各种各样内容网页及其相关资源的集合，有的网站包含的信息内容繁多，如腾讯、网易这样的门户网站；有的网站可能只有几个产品页面，如小型公司的产品网站，但它们都是由多个基本网页构成的。
在这些网页中,有个特殊的页面，它是浏览者输入某网站的域名后看到的第一个页面，它有了一个专用的名称——主页（Homepage），也叫“首页”。

[!teacher] 正因为主页是浏览一个网站的起始页面，所以“主页”有时也就成了“网站”的代名词。比如日常讲的“个人主页”，它本质是分享个人爱好、日志的网站，而并不是具体的某个页面。

1.2.2. 网页构成要素

虽然网页的形式和内容各不相同，但是组成网页的基本元素是大体相同的。一般包括以图 1-1为例，主要包括：

文本和图片：是网页的基本元索，早期的网页主要就是由文字或图片来表达它的内容。
超级链接：又分为“文字链接”和“图片链接”，只要浏览者用鼠标单击带链接的文字或图片，就可以自动链接上对应的其他文件，这样才让浩如烟海的网页能连接成一个整体，这也正是网页的魅力所在。
动画：目前常见的动画类型有flash动画，GIF动画，CSS3动画，和用js控制的脚本动画。通常运动的内容总比静止的要吸引人的注意力，所以精彩的动画让网页变得更加魅力四射。
表单：是一种可以在浏览者与服务器之间进行数据信息“交互”的控件，使用表单可以实现信息搜索、数据提交等交互动能。
音/视频：随着网络技术的发展，网站上面已经不再是单调的MIDI背景音乐，而丰常 多彩的网络电视、直播等已经开始成为网络新潮流。