学习html的心得

                                     HTML 学习心得

          本人看来,要想学好 html 一定要多加练习,找一些官网的页面练习 不要求多精炼的代码,但是一定要做的像,多加练习之后就会发现自己对于基础知识的理解又更上一层楼了!  但是呢  什么是 HTML  CSS  JS呢?

       我的理解就是, HTML 就是我们本身自己,有头 有身体 有脚,等等的一些身体部件,然而 CSS 呢? CSS 就是我们每天都会思考的一个问题:穿什么?说白了, CSS 就是我们身上的搭配,给身体部件的搭配 换句话说,如果, 衣服穿的非常炫酷的话,那么非常的提升这个人的逼格.瞬间就凸显了这个人的气质,当然了 衣服也不能乱穿对吧?学会搭配还是很重要的!!!JS是什么呢?JS 就是我们遍布全身的感官系统:皮肤!为什么是皮肤呢?因为 别人一碰你,你会有反应:啊,她摸我了.或者 啊,她打我了一下,会瞬间传送至脑电波(相应的页面)当中,给出相应的反应.

       学习HTML 做页面一定要遵循一些套路,虽然这些套路不是最简便的 但是当你用习惯以后,你会发现可能这些是最好理解的!比如说:导航栏 nav 里面的 a 标签一定要用 ul li 嵌套 a 标签使用.而且,以我的经验来说,最好写几句代码就运行一下,不要嫌麻烦 这样比较好找出问题 当然了发现问题解决问题,发现了就去解决就好了 ,就像你发现今天穿的衣服有个洞,那我们就赶紧要么把洞补上 要么换一件衣服.这样出门才是光鲜亮丽的自己.而我所说的套路就是你衣服搭配的套路,比如说你的白T-恤搭配牛仔裤,这样两件衣服组成了一套衣服,这就是传说中的套路!!!一定要坚持使用套路,这样会方便你理解很多个页面布局的!!

        现在 我要补充一些小的知识点必须要记住

       1.标签

        双标签:里面可以嵌套内容.

        单标签:里面不需要嵌套内容.

     2.标签类型

          块 : 独占一行,可以设置宽高margin\padding...,宽度默认100%

       行 : 可以共用一行,默认内容撑开宽高,不能设置垂直margin,左右margin可设

       img,input : 可以共用一行,默认内容撑开宽高,并且可以设置宽高  行块标签偏向于行

      3.input:type(必填):

      text:文本输入框

      password:密码

      number:数字输入框

      button:按钮(value也要填)

      file:文件上传

      submit:提交按钮

      reset:重置按钮(基本用不到)

      checkbox:复选框

      radio:单选框

      select(option):下拉列表

      textarea:文本域

      4.display

      none:消失,不占内容

      inline:转换为行标签

      block:转换为块标签

      inline-block:转换为行块标签

      table:表格类型

      5.float:使元素脱离文本流

      对兄弟造成的影响:

      (1).这个兄弟也浮动

      (2).clear:left/right/both.

      对父级造成影响:

      (1).父级也起飞(浮动)(不常用)

      (2).overflow:hidden

      (3).加一个空标签然后给空标签加clear both.

      浮动以后的元素叫浮动元素,性质如上.

      浮动通常用于左右布局.