2018-10-29 Day1-html

1.web标准：
a.结构标准(html):决定网页中的内容
b.表现标准(CSS):决定网页中内容的布局和样式
c.行为标准JavaScript:决定网页中的行为和动作(变化)

2.html
a.什么是html
html:超文本标记语言
标记语言:通过不同的标记来显示不同的内容(以指定的格式)
超文本：除了文本以外还可以标记图片、超链接、音频、视频、flash、输入框、按钮等。。。
html文件就是后缀是。html文件可以直接用浏览器打开，看到网页效果
注意：html中大小写不敏感。

b.html结构
html基本结构是：一个html标签中包含两个平行的head标签和body标签
head中的内容除了title和icont以外其他内容都不可见。body代码是网页的内容部分，里面的标签一般都是可见的

c.html版本
-->

01-html标签

标签==标记

1.标签语法

双标签（常规标签）：<标签名 属性名1：属性值1 属性名2：属性名2...>标签内容
单标签：<标签名 属性名1：属性值1 属性名2：属性名2.../> 或者<标签名 属性名1：属性值1 属性名2：属性名2...>

说明：
标签名 - html中已有的标签，不能只随便命名。标签名和<以及标签名和/之间都不能有空隙
属性 - 属性和属性值之间用:连接，多个属性之间用空格隔开
标签内容 - 在开始标签和结束标签之间。标签的内容可以是任意的(可以是文本，也可以是其他标签)

2.head标签的内容

head中的标签有：title,mate,link,style,script
title - 设置网页标题
mate - 设置网页元数据（单标签）

3.body标签

02-标签文本

 1.标题标签
 -->
 
 
    
        
        
    
    
        
         <和符号h1>我是标题1
         
我是标题2
         
我是标题3
         
我是标题4
         
我是标题5
         
我是标题6
         
         
鲁国，周朝的诸侯国，国君为姬姓，侯爵，首封国君为周武王弟弟周公旦之子伯禽。
         
西周初年周公辅佐天子周成王东征灭掉了伙同武庚叛乱的奄国，受封于奄国故土，由于周公要留在镐京辅佐周成王，于是让自己的长子伯禽代为赴任，建立鲁国，国都为曲阜。鲁国始封时疆域较小，“封土不过百里”，后来陆续吞并了周边的极、项、须句、根牟等小国，并夺占了曹、邾、莒、宋等国部分土地，成了“方百里者五”的大国。国力最强时其疆域北至泰山，南达徐淮，东至黄海，西抵定陶一带，其统治核心区大都位于今山东省济宁市境内，亦包括泰安南部宁阳，菏泽东部单县、郓城，临沂平邑等市县。为周王朝控制东方的一个重要邦国。
         
鲁桓公、鲁庄公、鲁僖公时期是鲁国最为强盛的时期，一度与齐国争夺东方的霸主，鲁僖公更曾领导诸侯抗衡过楚成王与晋文公。直至战国初期，仍有数个诸侯国向鲁国进贡。
         
鲁国先后传二十五世，三十四位君主，历时790年。鲁顷公二十四年（公元前256年），鲁国为楚考烈王所灭。
         
在周代的众多邦国中，鲁国是姬姓“宗邦”，诸侯“望国”，故“周之最亲莫如鲁，而鲁所宜翼戴者莫如周”。鲁国成为典型周礼的保存者和实施者，世人称“周礼尽在鲁矣”。
        
         

             离离  原上草，一岁一枯荣。
野火烧不尽，春风吹又生。
远芳侵古道，晴翠接荒城。
又送王孙去，萋萋满别情。
         
        
         
离离原上草，一岁一枯荣。
    
 

03-列表标签

    
        
        
        
    
    
        
        
        

            
夏利王子
            
吴东旭
            
陈火东
            
任嘉亮
            
刘嘉毅
        
        
        

            
鲁国王子
            
鲁旭
            
鲁炼
            
鲁亮
            
鲁毅
        
        
         

             
鲁国本地
             
夏利王子
             
外来户口
             
吴东旭
             
任嘉亮
             
陈火东
             
刘嘉毅
         
    

04-图片和超链接

    
        
        
        
    
    
        
     
回到底部
     
    
     baidu
     
     01-html标签
     刷新
     
回到顶部
     baidu
     
回到顶部
    

05-数据表格

    
        
        
        
    
    
        
         

             

                 
First Name
                 
Second Name
                 
Last Name
             
             

                 
吴
                 
东
                 
旭
             
           
                 
陈
                 
火
                 
东
             
         
         baidu
        
        

            

                
Data
                
Data
                
Data
   
            
            

                
Data
                
Data
                
Data
   
            
            

                
Data
                
Data
                
Data
   
            
        
        

            

            

                
Data
                
Data
                
Data
   
            
            

                
Data
                
Data
                
Data
   
            
            

                
Data
                
Data
                
Data
   
            
        
    

06-复杂的表格