认识前端开发，浏览器等

浏览器内核

1.webkit（safari,移动端浏览器）

2.blink（Google chrome）

3.trident（IE,360,搜狗，UC）

4.gekco（firefox）

---

前端工程师的工作

1.在自己的电脑上进行网页的开发

2.把开发的网页进行打包(webpack/gulp)

3.上传到服务器进行部署

4.用户通过浏览器--url-- 下载资源--浏览器解析

---

前端开发工具

Visual Studio Code  / WebStorm / HBuilder /  Dreamweaver

智能提醒，高亮识别，语法检测，集成环境，开发效率高

VS Code配置插件：Chinese汉化  /  open in browser  浏览器打开  /   Atom  主题  /   Vscode-icons  文件图标的样式

---

网页的组成

HTML(内容结构) + CSS(视觉效果) + JS(交互效果)

HTML常用元素

区块：div

行内区分：span

文本：p   h1-h6  em   dt   dd

图片：img

链接：a

表格：table   tbody  thead  tr   td   th  tfoot 

表单：form    input    label    select

文档：html    head   body    title   meta

列表：ul   li   ol   nav   footer 

其他：br   hr   iframe

结构：header   section    a    strong   pre    q     cite  code