美文网首页我爱编程
十三.月跟着李南江学习HTML5---HTML学习

十三.月跟着李南江学习HTML5---HTML学习

作者: 逅知后觉的凃兔 | 来源:发表于2016-11-24 13:26 被阅读0次

    学习笔记一之HTML

    一直感觉写作是一件很神圣的事情,既要不絮叨还要把重点凸出出来,这次临阵磨枪难免蹩脚,看来以后打打写作的基本功还是有必要的。第一次来这个平台,打算记下自己的足迹,标记上自己的开始。。。。。。

    01

    刚上大学的时候,就听说好多师兄姐们去了某某地去学习,那时候很不解,现在好像理解了,而且还是身临其境确确实实地体会到了。想起当初选学校真的是一头雾水,因为学校太多了,一下子竟不知所措了,网上的评说简直是众说纷纭,后来经过自己的多方了解和朋友介绍,我选择了小码哥。现在的我已经完成了前端部分HTML的学习,自我感觉良好,也希望能够将学习进行到底。
    尽管是计算机专业的,但是课堂上学的很浅再加上自身注意力不怎么集中等,学校学那点勉强可以称得上入门吧。然后闲暇时也有自学过一些基础,看过一些视频,但是可能疏于整理,几次看下来感觉很混乱,因为HTML部分尽管很简单,都是一些标签,没有深层次的逻辑问题让人费解,但是那么多的标签难免感觉繁杂,难以记忆,用的时候不能尽兴。
    这一次看江哥的视频,感觉真的不一样。一方面是自己用心了,但另外很重要的一方面,就是老师的领头作用了。江哥的视频、随堂笔记,脉络很清晰,让人一眼就明白了什么是重点,明白学完这章要掌握哪些,自己能做出什么东西。每个标签都有对应的英文注释,可以加强记忆,方便整合。对于标签的语义,江哥的表述既到位又通俗易懂,还有江哥那激情澎湃外加急促的声音,总能够很快带我进入学习状态。
    现在学完了HTML部分,我不再如以前那般一团乱麻脑子里飘着各种各样的标签了,我知道HTML是专门用于给标签添加语义的,语义强的标签是新宠,缺少语义的标签只能面临着淘汰,如buis等。我明白了以前很闹心的http协议,懂得了网页工作的基本原理,明白了手机电脑老是那么多垃圾那么多缓存文件的根本原因。我知道HTML标签分为基础标签(H系列,p,hr,br,img以及a),列表标签,表格标签,表单标签和多媒体标签这几大类,每一个大块中又有若干的小标签,但基本都是组标签,要搭配在一起使用的,整合记忆下来真的是省事不少。想要把这些小标签全部熟练掌握,光靠记忆还是不够的,用代码落实才是终极。经过在软件上一遍遍的敲,效果真的跟预想的差不多。知道了这么多,真的很感谢江哥和他的视频。。。
    “只有非常努力才能看起来毫不费力”,要想有钱景,必须非常非常努力,或许以后会加班会很累,但天上不会掉馅饼。。。明天太阳的升起就是新的一天,我一颗努力的心吃苦的心早已准备好,给自己加油打气。我相信越努力越幸运,我也相信小码哥会越办越好,会教育出更多真才实学求真务实的人。


    学HTML5就选李南江,选培训机构我只选小码哥


    02

    笔记

    • 基本知识

      • 浏览器
      • 服务器
      • 访问页面原理
      • URL
      • Http协议
      • 前端人员该具备的电脑设置
    • HTML初识

      • HTML的概念
      • HTML作用
        • HTML是专门用来描述文本的语义的,就是说我们可以利用HTML来告诉浏览器哪些是标题那些事段落等。
      • HTML发展史
      • 网页的基本格式
    <html>
           <head>
           </head>
           <body>
           </body>
    </html>
    
    • 字符集问题

    • 标签的分类

    • DTD文档

    • 基础标签

      • h1-h6
      • p
      • hr
      • img
      • br
      • a
      • base
      • 注释
      • 路径
        • 绝对路径
        • 相对路径
    • 列表标签

      • 无序列表ul
        • 格式
            <ul>
                <li></li>
                <li></li>
                 ...
            </ul>```
        - 场景:导航条,商品列表,新闻列表等;
        
      • 有序列表ol
        • 格式
    <ol>
               <li></li>
               <li></li>
               ...
    </ol>```
          - 场景:xxx排行榜等;
    
          - 定义列表dl              
          - ```
    <dl>
              <dt></dt>
                  <dd></dd>
              <dd></dd>
    ...
    </dl>```
          - 场景:描述某一内容;
    
    - 表格标签
        - 格式
          - ```
    <table>
               <tr>
                  <td></td>
               </tr>
    </table>```
    
        - 表格属性
          - border,width,height,cellspacing,cellpadding,align,valign,bgcolor;
          - 表格中其他标签
            - th
            - caption
    
          - 表格的结构
            - thead
            - tbody
            - tfoot
    
          - 单元格的合并
    
            - 纵向合并 ` <td  rowspan="n"></td>`
    
            - 横向合并  `<td rowspan="n"></td>`
    
    - 表单
        - input
       - type取值可为text,password,radio,checkbox,button,reset,submit,image,hidden,color,date(附加lable属性标签,点击文字也能使输入框获得焦点)
    
      - datalist
    `<datalist><option></option></datalist>`
      - textarea
    `<textarea cols="" rows=""/>`
    
    - 多媒体标签
    
       - video
          - 格式
                      格式一
                            <video src=""></video>
                      格式二
                             <video>
                                <source src="" type=""></source>
                                <source src="" type=""></source>
                             </video>
         - 属性
    `src,autoplay,controls,poster,loop,preload,muted,width,height`
    
       - audio
    
        -  格式
    
                        格式一
                              <audio src=""></audio>
    
                        格式二
                               <audio><source src="" type=""></source>
    
       - 详情及概要
    `<details><summary></summary></details>`
    
       - marquee
    
          -  格式
    `<marquee>内容</marquee>`
    
        -  属性
    `direction,scrollmount,loop,behavior`
    
      - 废弃的标签
        -  b--->strong
        -  u--->ins
        - i--->em
        - s--->del;
    
      - HTML实体: >  <  ©  ®  &  ¥  ×  ÷
    
    
    
    > ###学HTML5就选李南江,选培训机构我只选[小码哥](www.520it.com)

    相关文章

      网友评论

        本文标题:十三.月跟着李南江学习HTML5---HTML学习

        本文链接:https://www.haomeiwen.com/subject/znjbpttx.html