day21-HTML

01-web基础:

• 1.web标准:万维网-w3c
  结构标准:HTML ---决定网页上有什么东西(能够显示什么内容)
  表现标准:CSS ---决定网页上内容的布局和显示方式
  行为标准:JavaScript(js) ---决定网页上动态效果

• 2.认识HTML
  HTML是超文本标记语言(可以用来标记文本、图片、视频、音频、flash、按钮、输入框等内容)
  HTML不是编程语言，不会编译执行，语法错误也无法报错，导致程序不能往后运行。

• 3.HTML版本
  广义的H5:指HTML+CSS3+js
  狭义的H5:HTML5

• 4.HTML编程
  a.HTML标记语言对应的文件的后缀，一般都是html
  b.HTML的结构:整个html是通过不同的标记来组成

• 5.标签/标记
  a.双标签(常规标签)
  <标签名 属性=属性值 属性=属性值>
  b.单标签(自闭合标签)
  <标签名 属性=属性值 属性=属性值 />
  <标签名 属性=属性值 属性=属性值 >

• 说明：
  标签名：HTML标准中固定的(注意：<和标签名之间不能有空白)
  属性：属性和标签名之间用空格隔开，以属性=属性值的形式存在，多个属性之间也用空格隔开
  (属性可以是HTML标准中的属性，也可以是自定义的属性)
  标签内容:是指开始标签和结束标签之间的内容。标签的内容可以是任何内容(可以是字符串，也可以是其他任何标签)
  --- a标签
  

  --- p标签
  --- input标签

补充：HTML语法中，不区分大小写(html\HTML\Html是一样的)

• 6.网页的结构
  来对当前的html版本进行说明 html代表的是默认版本(html5)
  
  html标签代表整个网页
  
  head标签中的内容一般都是看不见的，并且里面的子标签是一些固定的(title标签、meta标签、link标签、style标签、script标签)
  
  设置编码方式
  
  设置网页标题(可见)
  
  
  body标签中的内容，负责整个网页的显示部分
  
  
  
  -->

02-文本标签

  
      
      
  
  
      
      
我是标题1
      
我是标题2
      
我是标题3
      
我是标题4
      
我是标题5
      
我是标题6
      
      

          你好啊，我是许中秋
      
      

          我很好，谢谢
      

      
      
      
      
      
      百度一下     
      
      
      
      
      
      
      
  

03-列表

    
        
        
    
    
        
        

            
语文
            
数学
            
英语
        
        
        
        

            
成都
            
重庆
            
北京
        
        
        
        

            
城市：
            
成都
            
重庆
        
        
    

04-图片和超链接

    
        
        
    
    
        
        
        
        
        
        百度一下
        
        
            
        
        
    

05-表格

    
        
        
    
    
        
        
        

            

                
                
姓名
                
                
成绩
                
                
是否留级
            
            
            

                
许中秋
                
100
                
否
            
        
        
            
    

06-复杂的表格