【前言】
这篇已经在草稿里躺尸好久了,先不管了,发了再说。
ECharts数据可视化项目 中下篇会对教程视频进行文档转录。
另: 我现在都很讨厌这种纯图/动图/文字 的 学习模式。
下面两种才能将学习效率提升到最大化好嘛,我也想打造一种这样的学习网站,所以网页基础必须得先打好。
视频版:
可交互视频eater.net
图文版:
左边文档 右边实战www.shiyanlou.com

【1.HTML】
建议不要一上来就学HTML,先学会用Typora做笔记,把Typora玩精,等快捷键都记得差不多了(参见下面文章),再去了解HTML标签,什么<b> </b>之类的,typora就一个快捷键的事儿。md标记语言跟html标记语言差不多的,可以进入Source Code Mode 观察,而且Typora也支持导出HTML,可在网页中F12 查看代码。
X Tesla:学生党/上班族必备软件(不看就后悔!)(Typora最全的快捷键)zhuanlan.zhihu.com

- a 链接标签,插入标签,href描述链接目标
<a href="https://www.zhihu.com">zhihuya</a>
- img 图片标签,插入图片
<img src="https://www.abcdefg.com/a.jpg" width="100" height="100">
<hr>
单个hr标签水平分割线<br>
单个br标签换行<!-- 注释-->
注释标签- CSS修饰
- 内联样式,即放在h1 p这样的标签内部,
<h2 style="background-color:red;">段落呀</h2>
- 内部样式表,
<head><style> ...</style></head>
,head换成body也可以。 - 外部样式表,
<body><link rel="stylesheet" href="test.css"></body>
,link定义资源引用地址。
- 内联样式,即放在h1 p这样的标签内部,
- div是块级元素,通常以新行来开始,span是内联元素,通常不会以新行开始。

【2.Javascript】


【3.CSS】
