前端自学001 HTML

2020-09-19 本文已影响0人 leogoforit

开始先跟着这个教程自学：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为万国码，包含了世界上所有国家的字符

前端自学001 HTML

猜你喜欢

热点阅读