day19前端基础

前端基础

1.web标准（由万维网制定的网页开发规范）

a.结构标准：html（决定网页上的内容）
b.表现标准：css（决定网页上内容的布局和样式）
c.行为标准：javascript（简称js决定网页动态变化的内容）

2.什么是html？

html是超文本标记语言（类似于markdown语法）
html是通过不同的标记（标签）来决定网页上的不同内容

3.html语法

1）.html大小写不敏感
2）.标签（标记）:
a.语法
双标签：<标签名 属性名1=值1 属性名2=值2..>标签内容 成对出现
单标签：<标签名 属性名1=值1 属性名2=值2../>或者<标签名 属性名1=值1 属性名2=值2..>
b.说明
标签名：必须是html提供的标签名，不能随便写
属性：以属性名=值的形式成对出现的，多对之间用空格隔开，属性的顺序不影响效果，值必须放在双引号中
标签内容：只有双标签才有标签内容，标签内容可以是任何内容

标签

标签

1.文本标签

    
        
        
    
    
        
        
我是标题1
        
我是标题2
        
我是标题3
        
我是标题4
        
我是标题5
        
我是标题6
        
        
江城子.密州出猎
         作者:苏轼
        
老夫聊发少年狂，
        
左牵黄，右擎苍，
        
锦帽貂裘，千骑卷平冈。
        
        

        
为报倾城随太守，亲射虎，看孙郎。
        
酒酣胸胆尚开张。
        
鬓微霜，又何妨！
        
持节云中，何日遣冯唐？
        
会挽雕弓如满月，西北望，射天狼。
 
        

        
         性别

            男

            女
    

2.列表标签

    
        
        
    
    
        
        

            
PYTHON
            
JAVA
            
HTML5
            
UI
        
        
        

            
挑选小龙虾
            
清洗小龙虾
            
烹饪小龙虾
        
        
         

             
四川
             
成都
             
南充
             
眉山
             
辽宁
             
大连
             
沈阳
             
盘锦
         
    

3.图片和超链接

    
        
        
    
    
        
        第一组
        第二组
        第三组
        第四组
        

        
第一组图片
        
        
        
        
        
        
        
        
        
        
        
        
        

        
        
        百度一下
        
        

        
        城市列表
        

        
        刷新
        
        
第二组图片
        
        
        
        
        
        
        
        
        
        
        
        
        

        
第三组图片
        
        
        
        
        
        
        
        
        
        
        
        
        

        
第四组图片
        
        
        
        
        
        
        
        
        
        
        
        
        

        
        
        回到顶部
        
依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版《京东隐私政策》已上线，将更有利于保护您的个人隐私。
        
    

4.表格标签

    
        
        
        
    
    
        
        

            

                
姓名
                
成绩
                
学员评价
            
            

                
张三
                
50
                
留级
            
            

                
李四
                
92
                
不留级
            
            

                
王五
                
52
                
留级
            
        
    

5.复杂表格

    
        
        
    
    
        
        表一
        

            

                
Data
                
Data
                
Data
                
Data
            
            

                
Data
            
            

                
Data
                
Data
            
            

                
Data
                
Data
                
Data
            
            

                
Data
                
Data
            
        
        

        表二
        

            

                
1
                

                

                

                

                

            
            

                
2
                

                

                

                

                

            
            

                
2
                

                

            
            

                
4
                

                

                

                

            
            


            
            

                
6
                

                

                

                

                

                

            
            

                
7