寒假集训D1.22.12.28

Day1

 K1.小小开头

  1.前端：交互与用户的界面
  2.后端：后台相关
  3.相关背景、行业、前途等琐碎内容

 K2.HTML之名

  1.网页的出现（简短）

  2.网页的相关性质

  3.什么是HTML

 K3.浏览器相关

  1.学会使用can i use确认标记语言在浏览器中是否适用

  2.常见浏览器PC端（漏edge）

  3.常见浏览器手机端：Safari（iOS） Chrome（安卓） QQ浏览器（异军突起）

 K4.Web标准的制定

  1.W3C（万维网联盟）


  2.Web标准的组成

  3.html骨架（结构）、css样式（表现）、JavaScript互动（行为）

 K5.第一个网页

  1.极简形

  2.html与head、body父子关系
  3.html基本语法

 K6.vscode

  1.常见编辑工具

  2.vscode基本使用
  3.奇迹插件

 K7.文档声明与字符编码

  1.文档声明doctype（我于html5的盛世）

  2.语言lang（方便浏览器搜索引擎使用，以及改翻译）

  3.meta字符集（解码方式 锟斤拷警告）

 K8.HTML常用标签

  1.语义化（方便被爬 即选取）

  2.标签
      1）文本标题< h1> < />…

      2）段落文本< p> < />

      3）换行< br>

      4）水平线< hr>

      5）加粗< b> < /> < strong> < /> 推荐strong

      6）倾斜< em> < /> < i> < /> 推荐em

      7）删除线< s> < /> < del> < /> 推荐del

      8）扩展（下划线、上下标）

 K9.百科词条案例（实战）

 K10.不一般的hr

  1.样式设置

 K11.特殊符号

  1.特殊符号

  2.表情&#12851x（x可123…）

 K12.div标签和span标签

  1.< div> < />（盒子或块）快捷：.+名字    div{XXX}*x + tab键

  2.< span> < />（独立修饰，好处是不破坏结构）

 K13.列表-有序列表

  1.有序列表< ol> < />与< li> < />
       注1：li标签内可随意放标签，但ol中只可以放置li
       注2：注释：Ctrl + /
      1）type：1，a，A，i，I
      2）start：（取值只能是数字，改变type生效后的初始顺序）

 K14.列表-无序列表

  1.无序列表< ul>< />与< li>< />快捷键：1.ul * 2.ul>li {xxx }* x
      1）type：dics原型，circle实心圆，square方形，none（无）

 K15.列表-自定义列表

  1.自定义列表< dl> < />与< dt> < /> < dd>< />快捷键：1.dl>dt+dd

 K16.图片标签的路径

  1.< img src = “”>（src：源头，常见错误双双引号）
      1）同级目录：文件名.gif（图片格式）或./文件名.gif（目标图）
              （不推荐绝对路径，网页http找不到）
      2）非同级目录：. ./文件名/目标图.Gif
  2.路径
      1）绝对路径

      2）相对路径

 K17.图片标签的属性

  1.详细属性

 K18.小总结+练习（建议观看原视频）

 K19.超链接标签

  1.功能+写法（点击后变色）


       注1：可在自己的网页跳转
       注2：图片跳转：< a>链接包裹图片

 K20.table表格

  1.数据表格的创建（行列、单元格）

      1）快捷键：table>tr * x>td * x

 K21.表格的属性table

  1.table的属性

       注1：width、height的百分比相比于父元素（html表格百分比高度靠内容撑开）

 K22.表格的属性tr

  1.tr的属性（行）

 K23.表格的属性td

  1.td的属性（列）

       注1：一个单元格设置宽度，改变一列宽度；设置高度，改变一行高度

 K24.表格合并（合并后内容需要注释或删除）（视频有趣）

  1.合并列

  2.合并行

 K25.表格案例

 K26.表单标签

  1.表单作用：收集用户信息
  2.标签内容

       注1：value可改变“提交”的显示内容
  3.from当中method的post和get的区别

 K27.CSS样式表1

  1.CSS全称

  2.CSS语法（css语法需要嵌套在< style>< />中）

 K28.CSS样式表2

  1.外部样式的创建（引入文件后缀需要.css）

  2.link与import之间的区别

 K29.CSS样式表3

  1.行内样式的创建

 K30.样式表的优先级

  1.就近原则：！important > 行内 > 内部 > 外部（仍然就近，此为外部先）