web 前端开发


  web

    前端


      html 人的骨骼   画结构
      一种标签标记语言（超本文）

      标签: 一组具有特殊功能的单词
      <标签名 开始></标签名 结束>

      html

      head  头    这里面的代码是给浏览器看的，完成某些操作、
        title  设置标题
        meta   元数据

        标签的分类：

           块标签：可以独占一行的标签
                   可以通过css设置 宽高

                   div  h1 ~ h6, ul li , p 

           行标签：不可以独占一行的标签
                   不可以通过css设置 宽高

                   a  span  img 


           作用：为了实现网页的布局   


      body  身体  用户可视区域

      div   实现网页结构的划分。

      结构划分要点：

        网页最基本的结构：
         header
         content
         footer

        其次：
          宽度满屏的单独用div画一个，一般在header里面
            一般菜单 和 logo 都在 header里面

          很多宽度都一致的放content
          重复性布局 用 ul，被重复项 放 li 标签里面
          还可以按照颜色，分割线，布局来划分结构
         一个功能模块的应该放在一个div内部 （ 多个 布局 在一行，一定要在外层套父div）
          如果div内部只有一个标签，那么div可以不写
          


      结构学习重点：
         1：先把网站用截图的方式，画出结构图
         2：在结构图合理没问题的情况下，参考自己的结构图（分屏，左边放图，右边放编辑器）
            去写代码实现布局，实现布局的时候参考上面的 【结构划分要点】
         3：写完后，再想一遍结构，加深自己的印象 
             

      px 像素
      rem vw vh

      css  人的外观（化妆品）
      层叠样式表

      javascript（js） 人的思想 
      运行在浏览器上的脚本 编程语言
    
    
    
    
    
    
    
    
      1 原生js + jq


      2 过渡阶段  mvc


      3 mvvm

      三个阶段


    后端


    数据库




    html4


    html5