day02前端基础table

• 标签的语义化
  优先选用有语义标签

• table：快速创建表格：table>tr*n>td*n

    
    



    

    
    
    
    
            
       
            
姓名
     
            
性别
            
年龄
            
职业
            

            

            
王飞
            
男
            
100
            
前端开发
            
            

            
小明
            
男
            
10
            
学生
            


    
    

 中间只能嵌套`和
可容纳所有元素，像一个容器

• 表格头部/主体/底部

表格主体
    表格头部
    表格底部

一般不写,页脚一般有兼容性问题

    
    




//表单标题
表格标题
    

        
姓名
        
性别
        
职业

        

    

        
张三
        
李四
        
王五
    
    

        
学生
        
医生
        
教师
    

• 删除单元格

  
  
  

  2.png

• 练习

  
  
  

  11.jpg

    
    


    6
                    

    
123
                

                    
1
                    
2
                    
3
                    
4
                    
5
                    
6
                
                

                    
1
                    
1
                    

                    
1
                    
1
                    
a  a  a
                
                

                    
2
                    
2
                    

                    
2
                    
2
                    
a  a  a
                
                

                    
3
                    
3
                    

                    
3
                    
3
                    
a  a  a
                
                

                    
4
                    
4
                    

                    
4
                    
4
                    
a  a  a
                
                

                    
5
                    
5
                    

                    
5
                    
5
                    
a  a  a
                
                
6
                    
6
                    

                    
6
                    
6
                    
a  a  a
                
                

                    
7
                    
7
                    

                    
7
                    
7
                    
a  a  a
                
            
        

• 表单:接收用户信息
• 常见表单控件

    
    





 


    昵称：



密码：




性别：
女



爱好：篮球足球羽毛球乒乓球







个人简介：



出生地：
    
                中国
                美国
                英国
                俄罗斯
                
                韩国
                印度
            
              



                

        
        
        
        
        
        
        button按钮
        
           
        


        

• 综合作业

• CSS

  • css.html

   
   
   
   
   
   
}
}



   
呵呵哒
   
么么哒
   
啦啦啦
   
哈哈哈
   
html
   
   
   
开心的



aaaaaaaaa
bbbbbbbb
ccccccccc
dddddddddddd
eeeeeeeeeeeee
fffffffffff

• style.css

h2{
            width:300px;
            height:100px;
            background-color:gray;
            font-size:20px;

• 标签选择器也叫元素选择器
  复杂的可使用.nav-login来定义类选择器/
  内嵌式和外链式谁后引入最后就用谁的样式
• 类选择器

• 命名规则
  -思维导图

  
  
  

  html第二天.jpg