day21-html基础语法笔记

一、web基础：

1. web标准:（万维网-W3C）
   机构标准：HTML ---决定网页上有什么东西（能够显示什么内容），给网页提供内容
   边线标准：CSS ----决定网页上内容的布局和显示样式
   行为标准：javascript(js)--决定网页动态的效果或者变化的页面效果
2. 认识HTNL
   HTML是超文本标记语言（可以用来标记文本、图片、视频、音频、flash、按钮、输入框等内容）。
   HTNL 不是编程语言，不会编译执行，语法错误也不会报错导致程序不能往后运行。
3. HTNL版本
   广义的H5：指HTNL5+CSS3+js
   狭义的H5：HTNL5
4. HTNL编程
   a. HTNL标记语言对应的文件后缀，一般都是html
   b. HTNL的结构：整个网页通过不同的标签来组成。
5. 标记/标签
   a. 双标签（常规标签）
   <标签名 属性=属性值 属性=属性值>标签内容
   b. 单标签（自闭合标签）
   <标签名 属性=属性值 属性=属性值 />
   <标签名 属性=属性值 属性=属性值 >
   说明：
   标签名：HTNL标准中固定的（注意：和标签名之间不能有空白）
   属 性 ：属性和标签名之间用空格隔开，以属性=属性值的形式存在，多个属性之间也用空格隔开，
   （属性可以是HTNL中的属性，也可以是自定义的属性）
   标签内容：是指开始标签和结束表标签之间的内容（单标签没有）。标签的内容可以任何内容（可以是字符串，也可以是其他任何标签）
   --- a标签
   
   --- p标签
   --- input标签
   补充：
   HTML 中不区分大小写 (HTML html 或者 HTml都是一样的）

6. 网页的机构：

二、文本标签

    
        
        
    
    
        
        
我是一级标题
        
我是二级标题
        
我是三级标题
        
我是四级标题
        
我是五极标题
        
我是六级标题
        
        
这是第一个段落\nhahh
        
这是第二个段落\nhahh
        

                笔记是定位于写作者的一款写作软件，界面非常简洁，其最大的特色是支持 Markdown 功能，希望为作者制造出一种沉浸式的写作氛围，进而可以专注于写作。
还支持写作模式，在·笔记中打开写作模式即可让撰写窗全屏化，再配合 Chrome 等浏览器的全屏浏览功能。·笔记能够达到与 Q10、MTW 之类的专心致志写作软件同样的效果。
        
        
        ½
        
        
        百度一下
        
                

                笔记是定位于写作者的一款写作软件，界面非常简洁，其最大的特色是支持 Markdown 功能，希望为作者制造出一种沉浸式的写作氛围，进而可以专注于写作。
还支持写作模式，在·笔记中打开写作模式即可让撰写窗全屏化，再配合 Chrome 等浏览器的全屏浏览功能。·笔记能够达到与 Q10、MTW 之类的专心致志写作软件同样的效果。
        
        
        

                笔记是定位于写作者的一款写作软件，界面非常简洁，其最大的特色是支持 Markdown 功能，希望为作者制造出一种沉浸式的写作氛围，进而可以专注于写作。
还支持写作模式，在·笔记中打开写作模式即可让撰写窗全屏化，再配合 Chrome 等浏览器的全屏浏览功能。·笔记能够达到与 Q10、MTW 之类的专心致志写作软件同样的效果。
        
        
        

                笔记是定位于写作者的一款写作软件，
            界面非常简洁，其最大的特色是支持 Markdown 功能，
            希望为作者制造出一种沉浸式的写作氛围，进而可以专注于写作。
            还支持写作模式，在·笔记中打开写作模式即可让撰写窗全屏化，
            再配合 Chrome 等浏览器的全屏浏览功能。·笔记能够达到与 Q10、MTW 之类的专心致志写作软件同样的效果。
        
    
        
            

    

三、列表

    
        
        
    
    
        
        

            
语文
            
数学
            
英语
        
        
        
        

            
成都
            
重庆
            
北京
        
        
        

            
城市
            
成都
            
合肥
        
        返回
    

四、图片与超链接

    
        
        
    
    
        
        
图片1
        

        

        
        
        
图片2
        百度一下
        列表标签
    

五、表格

    
        
        
    
    
        
        

            

                
姓名
                
成绩
                
是否留级
                
是否留级
                
是否留级
                
是否留级
            
            

                
张飞
                
89
                
否
                
否
                
否
                
否
            
        
        

            
Header
            
Data
        

六、复杂的表格