HTML5 2018-07-09

01-knowingHTML5 初识HTML5

02-basicStructure 基本结构

03-textLabels 文本标签

04-listLabels 列表标签

05-imagesAndHyperlinks 图片和超链接

06-tableLabels 表格标签

07-complexTabel 复杂的表格

---

01-knowingHTML5 初识HTML5

a.什么是html（就像markdown语法）
html叫超文本标记语言（超文本，除了文本还可以显示其他内容,包括：图片、视频、音频、图形等）
html是标记语言，不是编程语言

b.html版本
html1.0-html2.0 - ...- html5
html5.0:狭义概念，html标记语言的第5个大版本；广义的html5：指html5+css3+js

c.html的结构
网页的内容可以看成一个树的结构：




    负责网页中看不到的设置型的东西（灵魂）




    负责网页所有显示的内容（树干）

    


d.html标记（标签、元素）
1）常规标记
<标记 属性=属性值(可以有多个)> 内容 

2）空标记
<标记 属性=属性值(可以有多个)/>
<标记 属性=属性值>

说明：
1.尖括号中的第一个单词叫标签，标记后加一个空格后面的是属性，属性和属性值之间用等号连接，多个属性之间用空格隔开
2.属性之间没有先后顺序
3.常规标记的开始标记和结束标记中间就是标记的内容，这个内容理论上可以是任何内容（包括任何问题或者任何标签）
4.空标记只有属性
5.不同的标记有不同的功能（给网页提供不同的内容）

-->

---

02-basicStructure 基本结构

    
    




helloworld

>

---

03-textLabels 文本标签

    



I'am title 1！
I'am title 2！
I'am title 3！
I'am title 4！
I'am title 6！


    大江东去，浪淘尽，千古风流人物。大江东去，浪淘尽，千古风流人物。大江东去，浪淘尽，千古风流人物。

大江东去，浪淘尽，千古风流人物。大江东去，浪淘尽，千古风流人物。
大江东去，浪淘尽，千古风流人物。



    大江东去，浪淘尽，千古风流人物。
    




大江东去，浪淘尽，大江东去，浪淘尽，千古风流人物。
千古风流人物。大江东去，浪淘尽，千古风流人物。
    




大江东去，浪淘尽，千古风流人物。大江东去，浪淘尽，千古风流人物。
，浪淘尽，千古风流人物。
大江东去，浪淘尽，千古风流人物。    





大江东去，浪淘尽，千古风流人物。 大江东去，浪淘尽，千古风流人物。江东去，大江东去，浪淘尽，千古风流人物。浪淘尽，千古风流人物。 




雄关漫道真如铁，而今迈步从头越。雄关漫道真如铁，而今迈步从头越雄关漫道真如铁，
而今迈步从头越。雄关漫道真如铁，而今迈步从头越。雄关漫道真如铁，而今迈步从头越。雄关漫道真如铁，而今迈步从头越。雄关漫道真如铁，而今迈步从头越。





此去经年，当当当当。此去经年，
当当当当此去经年，当当当当。此去经年，当当当当此去经年，当当当当 



>

03.png

04-listLabels 列表标签

    





    
python
    
python的主要课程有：
    
H5
    
javA
    
测试




    
Monday
    
Tuesday
    
Wednesday
Thursday
Friday
Saturday
Sunday





    
a
    
abd
    
b
    
bc

04

05-imagesAndHyperlinks 图片和超链接

    
    
    



 








百度一下

to another interface

回到顶部
-->

05.png

06-tableLabels 表格标签

    
    






    
    

        
姓名
 
        
成绩
    
    

    

        
胡彪
        
88
    
        

    

        
刁强
        
89

    
        

    

        
杨玻
        
90
    







    
    

        
姓名
 
        
成绩
    
    

    

        
胡彪
        
88
    
        

    

        
刁强
        
89

    
        

    

        
杨玻
        
90
    

06.png

07-complexTabel 复杂的表格

aa.png

123.png