如果只是简单的了解，可以在百度传课中搜索html相关教程。（登陆自己的百度账号即可）
成都创新互联公司-专业网站定制、快速模板网站建设、高性价比槐荫网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式槐荫网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖槐荫地区。费用合理售后完善，10余年实体公司更值得信赖。
如果是工作或者是想深入可以学习以下node.js，B/S的流程自己能够基本清楚，对以后发展很有帮助。动态网页设计与制作html5+css3+javascript这个可以看看
网络课件,也是课件的一种,但也是比较特别的一种课件,因为它是应用于网络环境的。并且往往是结合网络课程来开展网络教学的。 根据使用工具的不同课件有两种主要形态：CBT和WBT，即computer-based training（基于计算机的培训）和web-based training（基于网络的培训），前者就是常说的本地版或光盘版，而后者就是常说的网络版，即网络课件。 网络课件是基于HTML设计制作的，加上JavaScript、Flash等各种流行的技术，对一个或几个知识点实施相对完整教学，具有一定的教学功能的教学软件。网络课件以生动、内容丰富、交互性强等优势逐渐得到学习者的认可。一个优秀的课件，不仅能够让你主动地获得生动的知识，还能让你获得技能、获得实践、获得经验，而后者是其他传统教材、电子书和ppt都无法达到的。 网络课件是现代远程教育的核心组成部分。
什么是网络课程
“网络课程是在先进的教育思想、教学理论与学习理论指导下的基于Web的课程，其学习过程具有交互性、共享性、开放性、协作性和自主性等基本特征”。 应当指出的是，由于教学内容包含教学资源，所以网络课程通常应当包括教学资源在内（至少应当包括部分教学资源）；只涉及教材本身的网络课程不是理想的（至少是不完整的）网络课程。但是，在实际开发过程中，为了便于开展工作（例如分工或并行运作的需要）有时也把教学资源独立出来，甚至将它与网络课程并列——称作“网络课程与网络资源开发”。不过，这时应当特别注意：这种区分只是开发的需要，而网络课程原本是应当把网络资源包括在内的。
网络课程的定义
第一种定义： “网络课程是基于Web的课程，即在因特网上通过WWW浏览器来学习的课程”（从学习的工具、手段来定义）；
第二种定义： “网络课程是体现现代教育思想和现代教与学理论的课程”（从指导思想、理论基础来定义）；
第三种定义： “网络课程是基于资源的学习，基于情境的学习，基于协作的学习”（从建构主义学习环境所涉及的三种特征来定义）；
第四种定义： “网络课程是指学习过程具有交互性、共享性、开放性、协作性和自主性等主要特征的课程”（从学习过程的特征来定义）；
上述四种关于网络课程的定义都有各自的根据，也有其合理性，在目前都具有较大的影响和应用范围；但是由于它们都是只考虑网络课程某一方面的特征，所以又都还存在一定的片面性。
两种模式：
一打开页面，就弹出
script type="text/javascript"
alert('这是第一个JavaScript例子!');
/script
吧这些存在一个后缀名是html的文件，如a.html，用浏览器打开，就可以了。
2.点击页面的一个地方，弹出。
script type="text/javascript"
function myalert(){
alert('这是第一个JavaScript例子!');
}
/script
div onclick="myalert();"点我弹出/div
吧这些存在一个后缀名是html的文件，如b.html，用浏览器打开，就可以了。
delItem() 方法没有放在 methods 里
!DOCTYPE html
html
head
meta charset="UTF-8"
title事件/title
style
.list{width: 600px;height: 25px;margin-bottom: 10px}
.list.active{background-color: aquamarine;color: royalblue}
/style
/head
body
div id="app"
ul
li :class="{list:true,active:item.active}" v-for="(item,index) in list" :key="index" @click="checkedItem(index)"
{{item.name}}-
button type="button" @click="delItem(index)"删除/button
/li
/ul
/div
script src=""/script
script
new Vue({
el: "#app",
data() {
return {
list: [
{ id: 1, name: "张三", age: 28, active: false }, {
id: 2,
name: "李四",
age: 18,
active: false
}, { id: 3, name: "王五", age: 38, active: false },
]
}
},
methods: {
checkedItem(index) {
//console.log(index);
this.list[index].active = !this.list[index].active;
},
delItem(index) {
this.list.splice(index, 1);
}
}
})
/script
/body
/html
jq在实际开发中还是会经常用到的。
至于 bootstrap 一般情况下开发企业网站才会用，相对来说使用频率不高，但是肯定是有用的。
至于之后要学的那就多了：
1. 三大框架必须会一个或以上 vue、angular、react 推荐学 vue ,因为微信小程序的语法和 vue 是非常接近的，学会了vue 对你后面学小程序有很大帮助。
2. ui 框架 iview、element ui、ionic 学 angular 的话 ui 框架 就学 ionic 其他的建议用 iview 当然也可以用其他的，个人感觉 iview 比较美观一点。
3. node 和 webpack 不精通也要了解一下，nodejs 如果向全栈发展 的话，可以学 nodejs 写接口很方便，也很简单。
4. 微信小程序
5. git 、APIcloud , git在团队开发的时候拉取分支开发，合拼代码等等很有用，并且使用git 通过命令行创建、开发、运行、打包项目等等都会用到。APIcloud 用于打包 移动paa， 不是必要技能，但是也可以学一下。
等你把这些都学会了，以后的路就不用我再说了，那时候你已经知道应该学什么了。
