一个后端狗, 在公司悄摸得学习前端技术
在公司上班时间看视频影响不太好
按照这个来吧: https://gitee.com/chinese-gitee/Web
前端基础要学: HTML, CSS,JS
-
浏览器
浏览器中最重要的是渲染引擎(浏览器内核),JS引擎(常见的V8引擎)
渲染引擎: 用来解析 HTML与CSS。渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。
JS 引擎 也称为 JS 解释器, 用来解析网页中的JavaScript代码，对其处理后再运行。 -
HTML基础
超文本: 图片、音频、视频、动画、多媒体等内容，成为超文本，因为它们超出了文本的限制。
不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件进行连接。即：超级链接文本。
HTML 不是一种编程语言，是一种描述性的标记语言。
标记语言是一套标记标签。比如：标签<a>表示超链接、标签表示图片、标签<h1>表示一级标题等等，它们都是属于 HTML 标签。
编程语言是有编译过程的，而标记语言没有编译过程，HTML标签是直接由浏览器解析执行。
HTML结构: HTML标签通常是成对出现的（双边标记），比如 <div> 和 </div>；也有少部分单标签（单边标记），如：<br />、<hr />和<img src="images/1.jpg" />等。
属性与标记之间、各属性之间需要以空格隔开。属性值以双引号括起来。
html骨架标签分类
<html></html> HTML标签 页面中最大的标签，我们成为根标签
<head></head> 文档的头部 注意在head标签中我们必须要设置的标签是title
<title></title> 文档的标题 让页面拥有一个属于自己的网页标题
<body></body> 文档的主体 元素包含文档的所有内容，页面内容 基本都是放到body里面的
- HTML标签
文本级标签：p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素,也不能放标签。（a标签里不能放a和input）
容器级标签：div、h系列、li、dt、dd。容器级标签里可以放置任何东西。
标签属性: 标签是有属性的,长宽高,颜色下划线等,常见的属性
align="属性值"：设定线条置放位置。属性值可选择：left right center。
size="2"：设定线条粗细。以像素为单位，内定为2。
width="500"或width="70%"：设定线条长度。可以是绝对值（单位是像素）或相对值。如果设置为相对值的话，内定为100%。
color="#0000FF"：设置线条颜色。
noshade：不要阴影，即设定线条为平面显示。若没有这个属性则表明线条具阴影或立体。
div和span的介绍
div标签：可以把标签中的内容分割为独立的区块。必须单独占据一行。
span标签：和div的作用一致，但不换行。span只是文本级的标签 span里面只能放置文字、图片、表单元素。 span里面不能放p、h、ul、dl、ol、div。