|
近期有朋友私信我，暗示要学习网页研发了，然则老师欠好好讲...正好我一琢磨，不如把我实习前，自学H5时候写的哪些小玩意儿放上来算了，万一以后再有伴侣问我呢，直接甩个链接多帅哈哈哈哈！虽然无什么厉害的地区，不外亦算是一个开头吧。之后的话，各位还要加油哈！我准备根据我学习的路子来写了，因此会有非常多不严谨然则便于理解的状况，重点看气质～
针对没接触过网页研发的朋友们，我首要意见各位理解一下概念。大众可能听过HTML+CSS+JS的组合（倘若没听过，此刻就听过啦），然则详细每部分都是什么不是尤其清楚。这一篇文案便是期盼各位能够大致理解这三个部分都是什么，以及三个部分大概长什么样子。我之前在一个问题里回答过，此刻把这三个部分节选出来：
Web建站就像是过年去买贺卡。 HTML写的是这张贺卡里面都有什么文字，有什么图画，有什么音乐。能够是几乎所有种类的贺卡。HTML5是第5代HTML，便是什么二维码音乐跑马灯什么都有的日前最新版贺卡，花招尤其多。其实都是在说明贺卡的内容有那些，有什么东西。CSS是说，贺卡里的所有东西，都是怎么排版的。图画放在左上角转45度，文字放在下面要小四宋体，送给谁的名字是大红色，等等。亦叫作为"样式"。Javascript是贺卡里面的小机关。一打开贺卡，就放音乐啦，一按下按钮就爆炸啦（误），隔三秒钟起始跑马灯啦，类似的规律问题。之前还给我的伴侣比喻成做剪贴报（便是小时候把报纸杂志剪了，粘成一份新的，不晓得此刻还有无。。。）。HTML便是剪子，想要什么内容就剪什么内容。剪个照片剪个笑话，啥好看剪啥；CSS便是胶水。拿起刚才剪下来的东西，想一想粘哪好看，顺手再描个边，哎这个大姑娘照片得放中间；JS便是个高级货了，那便是我！我一看老师皱眉头了，赶紧给老师解释这个大姑娘是我妹，我得把我妹放在最好的位置！还得跟老师说，老师老师，这笑话特好玩你多瞧瞧。JS是个聪明家伙，有规律，能够按照区别的输入（老师的表情）作出反应。
举个例子。下面我将用代码进行演示，看不懂的地区能够直接忽略，此刻讲哪些太没意思了，一点都欠好玩，后面再说吧～
我首要新建了三个文件：一个HTML、一个CSS、一个JS，还准备了一张照片。接下来我分别演示她们的功效。
1、HTML
我用的器具在新建HTML的时候会自动写有些东西，而后我又把HTML、CSS、JS相关起来了。如下：
这些咱们都不消管。这儿咱们只必须暂时晓得一点就行了：HTML是个大肚子的家伙，倘若想在它上面写点什么，就要写在body上～能够看到第9行和第13行之间有非常多空行，咱们就在这个上面搞一搞～
这个HTML此刻是无内容的，打开网页的话便是完完全全的空白页。节省流量不放图啦～那样接下来我就给他的肚子上放点东西，先来几个文字吧。重视第10行：
| 
发表于 
