★ 学习目标：

根据.psd文件/图片，用html+css布局出静态网页；

！DAY❶ 认识Web及常用标签

  • 基础概念铺垫

    • 网页构造原理
      网页元素：文字，图片，链接，音视频等；
      网页构造原理：网页元素用html标签描述出来，然后通过浏览器解析后展示给用户；
    • 五大浏览器
      常见浏览器：Chrome,IE,Safari,火狐,Opera;
      浏览器内核：排版/解释/渲染引擎（读取网页内容，计算显示方式显示页面）；
    • Web标准的三层组成：
      结构——网页元素(html)；
      表现——外观样式(css)；
      行为——网页模型定义和交互(javascript)；
浏览器 内核
Chrome（市场份额最大） Chromium/blink
IE Trident
Safari Webkit
  • html基础结构
HTML骨架标签
`<html><head><title></title></head><body></body>
</html>`★ <html lang="en(英语)/zh-CN(中文)">;
★ <meta charset=UTF-8(编码/存储方式)>;
★ vscode中: 按 !+tab键 (自动生成骨架标签);

 - VScode软件（开发工具）：（微软推出，轻量，智能提示，自带emment，强大的调试功能，跨三大平台）★ 常用插件：live server(ctrl+s保存文件时自动刷新页面）；Chinese(simplified) language pack for vs code(语言-中文简体）；Open in browser;JS-CSS-HTML Formatter(保存时自动格式化代码）；Auto rename tag（自动重命名/匹配标签，方便双标签的修改）；CSS peek（追踪至样式）；