DOM在HTML中的应用

新闻字体的大中小样式改变。







    

这是一个新闻标题

    

---

    大字体
    中字体
    小字体
    

    这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容
    这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容
    这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容
    这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容
    

---------------------------------------------------------------------------------------------------------------

展开闭合列表(代码仅适用于IE6)
    
        
    
    
    
    

        

            

显示条目一

            

展开列表内容a

            

展开列表内容a

            

展开列表内容a

            

展开列表内容a

        

        

            

显示条目二

            

展开列表内容b

            

展开列表内容b

            

展开列表内容b

            

展开列表内容b

        

        

            

显示条目三

            

展开列表内容c

            

展开列表内容c

            

展开列表内容c

            

展开列表内容c

        

    
---------------------------------------------------------------------------------------------------------------

完成一个好友菜单

    



    

    
    
        
            
        
        
            
        
        
            
        
    

好友菜单                                       一个好友                      一个好友                      一个好友                      一个好友

好友菜单                                       一个好友                      一个好友                      一个好友                      一个好友

好友菜单                                       一个好友                      一个好友                      一个好友                      一个好友

---------------------------------------------------------------------------------------------------------------

创建表格

    

    

    行：列：
    
    

---

    

    
    

---

    

---------------------------------------------------------------------------------------------------------------

行颜色间隔显示并高亮

tableT.css
table{
    border:#249bdb 1px solid;
    width:500px;
    border-collapse:collapse;
}
table td{
    border:#249bdb 1px solid;
    padding:10px;
}
table th{
    border:#249bdb 1px solid;
    padding:10px;
    background-color:rgb(200,200,200);/*rgb()颜色可以用三个8位255的值来表示*/
}


    
    
        


    
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
    

姓名	年龄	地址
张三	27	上海
小强	26	北京
李四	29	广州
孙八	23	南京
二麻子	19	大连
犀利姐	32	青岛
旺财	19	深圳
周七	42	铁岭
毕姥爷	18	沈阳

---------------------------------------------------------------------------------------------------------------

表格排序
    
        
        

        
    
    
        
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
        

姓名	年龄	地址
张三	27	上海
小强	6	北京
李四	29	广州
孙八	23	南京
二麻子	24	大连
犀利姐	32	青岛
旺财	19	深圳
周七	42	铁岭
毕姥爷	18	沈阳

    
---------------------------------------------------------------------------------------------------------------

全选商品列表

    
    全选

    笔记本电脑：3000元

    笔记本电脑：3000元

    笔记本电脑：3000元

    笔记本电脑：3000元

    笔记本电脑：3000元

    笔记本电脑：3000元

    全选

        

转载于:https://www.cnblogs.com/L-java/archive/2013/05/21/3091298.html