html5学习笔记(2)
admin
2023-01-30 02:03:07
0次

html5


列表：

http://www.w3school.com.cn/tags/html_ref_byfunc.asp


html5学习笔记(2)

列表：

  • 无序列表：

    • 使用标签

      • 属性：disc, circle, square

    • 有序列表：

      • 使用标签

        2. 属性：A,a,I,i,start

    • 嵌套列表：

      • 使用标签：

          ,
            ,

      • 自定义列表：

        • 使用标签：

          ,
          ,

      
    
        
    • apple
      • 
        
    • bnana
      • 
        
    • orange
      • 
    
                 
  • apple
    •         
  • bnana
    •         
  • orange
    •     
             
  • apple
    •         
  • bnana
    •         
  • orange
    •                   
  • apple
    •         
  • bnana
    •         
  • orange
    •                   
  • apple
    •         
  • bnana
    •         
  • orange
    •                   
  • apple
    •         
  • bnana
    •         
  • orange
    •                   
  • apple
    •         
  • bnana
    •         
  • orange
    •                   
  • fruit
    •             
                      
    1. apple
      2.                 
    2. bnana
      3.                 
    3. orange
      4.             
            
  • vegetable
    •             
                      
    1. potato
      2.                 
    2. tomato
      3.                 
    3. cabbage
      4.             
             
            
    helloworld
                
    print helloworld
            
    helloworld
                
    print helloworld
        


    html块

    1. html块元素

      1. 块元素在显示时，通常以新行开始

      2. ,

        .

    2. html内联元素：

      1. 内联元素通常不会以新行开始

      2. ,,

    3. html

    4. html元素：

      1. 元素是内联元素，可作为文本的容器

                 

    hello worldthis is a text

        


    divcss.css:

    #divid p{
    color : chartreuse;
}

    html5学习笔记(2)

    html布局：

        

    使用

    布局    

    


    
    
        body{
            margin: 0px;
        }
        div#container{
            width: 100%;
            height: 950px;
            color : gainsboro;
        }
        div#heading{
            width: 100%;
            height: 10%;
            background-color: cornflowerblue;
        }
        div#content_menu{
            width: 30%;
            height: 80%;
            background-color: gainsboro;
            float: left;
        }
        div#content_body{
            width: 70%;
            height: 80%;
            background-color: burlywood;
            float: right;
        }
        div#footing{
            width: 100%;
            height: 10%;
            background-color: black;
            clear: both;
        }
    
    


    
        头部
            内容菜单
            内容主体
            底部
        

        

    使用

    布局

    


    
    


    
        
                头部                                                
                          
    • ios
      •                     
    • ios
      •                     
    • ios
      •                 
                             实体             左菜单                                   底部              



    极客学院：http://www.jikexueyuan.com/course/135.html


    上一篇：html5学习笔记(3)

    下一篇：html5 SVG 涂鸦

    相关内容

    热门资讯

    平均每天减少22所小学，会带来... 学龄人口收缩将是长期趋势，这为教育发展目标从“规模满足”转向“质量提升”打开了窗口文｜《财经》记者 ...
    “机车”的民进党怕的不是车，是... 【文/观察者网专栏作者 甘向泰】近日，一则消息在海峡两岸炸开：张雪机车董事长张雪日前接受媒体采访时表...
    以媒：美国通知以方将扩大对伊袭... 【环球网报道】据《以色列时报》、《新消息报》网站等以媒22日报道，美国已通知以色列，计划扩大对伊朗的...
    毒油案发22天才启动事故调查，... 海峡导报综合报道 台当局卫生主管部门负责人石崇良21日公布“中联油脂”30批预防性下架油品样本检验结...
    特朗普再威胁，伊朗各方回应 当地时间7月22日，伊朗外交部长阿拉格齐在社交平台上发文表示，伊朗的防御原则非常明确：以眼还眼。他写...
    男子拍台球助教臀部被拘留，称对... 近日，据《1818黄金眼》报道，浙江杭州一男子洪先生因在台球俱乐部拍打女助教臀部，被警方认定构成猥亵...
    【正片首发】麦田里，当河南坠子... 您的浏览器不支持 video 标签。当麦田里的守望者遇见麦田里的歌唱者，当河南坠子、宋词吟唱、摇滚回...
    宗馥莉再次败诉！律师解读：香港... 作者：刘婷宗馥莉围绕18亿美元资产的第三次努力，还是没能成功。7月21日，香港高等法院就娃哈哈集团创...
    德国人还在纠结打孔？中国制造已... 近5年来，持续高温不断刷新德国人对夏季气候的认知。“与记忆中的德国相比，如今夏天更热，高温天气也更常...
    特朗普第三度通谍伊朗，红线划到... 前一天刚刚宣称“赢麻了”的美国总统特朗普，22日突然通过社交媒体向伊朗强硬喊话。“即刻起，只要伊朗伊...