开始先跟着这个教程自学：https://www.bilibili.com/video/BV1pE411q7FU?p=5
web标准三剑客：
-
html
-
css
-
JavaScript
一个很恰当的比喻，html是网页结构，类似没有羽毛的鸟，css是网页的外观装饰，类似静态的小鸟，js赋予行为动作，类似会飞的小鸟。
image
使用VScode来编写代码，一开始可以输入！，自动弹出基础的代码框架。
如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
其中
<!DOCTYPE html>为文档类型声明
<html lang="en">是语言声明 en是英文 中文为zh-CN
<meta charset="UTF-8">utf-8为万国码，基本上包含了全世界所有国家用到的字符
div独占一行，div是大盒子
一行可以放很多个span，span是小盒子
插入图像命令：<img src="xx.jpg">
图像位于HTML同一级目录，<img src="xx.jpg">
位于HTML下一级目录，<img src="同级文件夹名称/xx.jpg">
位于HTML上一级目录，<img src="../xx.jpg">
前端HTML标签查询网站：
李立超的前端视频中https://www.youtube.com/watch?v=aO_zjWhgjgA&list=PLmOn9nNkQxJFs5KfK5ihVgb8nNccfkgxn&index=4，关于HTML的一些要点：
- <html></html>标签下只有两个子标签，一个是<head></head>，一个是<body></body>
- head标签里写的内容是给浏览器看的，不显示在网页正文中
-
在计算机中，如果要显示的二进制数，都会转换为十六进制显示，这就是我们经常在html代码中看到ff，其实它代表二进制的11111111，也就是10进制中的255。
所以在有的颜色中，有两种数字显示形式，前面的hex是十六进制的显示，后面的RGB是十进制的显示而已。65的十六进制为41，以此类推……
屏幕快照 2020-09-25 下午1.00.46.png
十六进制的显示为：1 2 3 4 5 6 7 8 9 a b c d e f 10 11 …… 1a 1b ……1f 20 ,f代表15
字符编码 UTF-8为万国码，包含了世界上所有国家的字符
网友评论