HTML5_Python

HTML5

1 什么是HTML

HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。

~HTML 指的是超文本标记语言: HyperText Markup Language
~HTML 不是一种编程语言，而是一种标记语言
~标记语言是一套标记标签 (markup tag)
~HTML 使用标记标签来描述网页
~HTML 文档包含了HTML 标签及文本内容
~HTML文档也叫做 web 页面

2 HTML编辑器

VS Code

VsCode的全称是Visual Studio Code，是微软于2015年发布的一款免费开源的现代化轻量级且跨平台的代码编辑器（IDE），支持Windows、 OSX和Linux。内置JavaScript、TypeScript和Node.js.拥有丰富的插件生态环境，安装简单方便，可以通过安装插件来支持C++、C#、Python等语言的编写，也就是其涵盖的范围特别广泛，这也满足了我们编写程序时需要嵌入或引入其他语言的需求。

VS Code 安装教程参考：VScode 教程 | 菜鸟教程

3 HTML的基本结构




    
    
    
    Document

示例：




    
    
    
    网页


    你好，HTML。

结果：

HTML标题

标题标签 -




    
    
    
    标题


  标题 1
  标题 2
  标题 3
  标题 4
  标题 5

结果：

段落标签

段落

段落一

段落二

段落三

结果：

换行标签 br




    
    
    
    换行


 出淤泥而不染
濯清涟而不妖

结果：

链接

图像

常用标签

颜色值设置
1、直接使用英文的单词
2、使用十六进制 000000~FFFFFF
3、使用函数rgb(十进制,十进制,十进制) 0~255、rgba(十进制,十进制,十进制,十进制) 0~255 0~1
rgb(红,绿,蓝) rgba(红,绿,蓝,rgb(红,绿,蓝,不透明度)

实体字符转义字符
< <
> >
© ©
空格

列表
有序列表 ol
无序列表 ul
列表项 li

常用标签

段落1.1
段落1.2

段落2.1
段落2.2

列表项01
列表项02
列表项03
列表项04
列表项05

列表项01
列表项02
列表项03
列表项04
列表项05

列表项01
列表项02
列表项03
列表项04
列表项05

列表项01
列表项02
列表项03
列表项04
列表项05
列表项06
列表项07
列表项08
列表项09
列表项10

列表项01
列表项02
列表项03
列表项04
列表项05
列表项06
列表项07
列表项08
列表项09
列表项10

列表项01
列表项02
列表项03
列表项04
列表项05

导航01
导航02
导航03
导航04
导航05

Coffee: Black hot drink; Black hot drink
Milk: White cold drink; White cold drink

表格

大标题
标题一	标题二	标题三	标题四	标题五
1-1	1-2	1-3	1-4	1-5
2-1	2-2	2-3	2-4	2-5
3-1	3-2	3-3	3-4	3-5
4-1	4-2	4-3	4-4	4-5
5-1	5-2	5-3	5-4	5-5

结果：

表单





    
    
    
    表单



    
        常用表单
        
            性别：  
            男
            
                
            女
            
            

            爱好：  
            游泳
            
                
            跑步
            
                
            滑雪
            
            

            籍贯：  
            
            

            水果：  
            
            

            slogan
            

            
            

            年龄：  
            
            

            时间：  
            
            

            周：  
            
            

            日期：  
            
            

            datetime-local：  
            
            

            URL：  
            
            

            电话：  
            
            

            邮箱：  
            
            

            文件：  
            
            

            预定义控件：
            
                
            

            0100 + =

结果：

标题一	标题二	标题三	标题四	标题五
1-1	1-2	1-3	1-4	1-5
2-1	2-2	2-3	2-4	2-5
3-1	3-2	3-3	3-4	3-5
4-1	4-2	4-3	4-4	4-5
5-1	5-2	5-3	5-4	5-5

标题一	标题二	标题三	标题四	标题五
1-1	1-2	1-3	1-4	1-5
2-1	2-2	2-3	2-4	2-5
3-1	3-2	3-3	3-4	3-5
4-1	4-2	4-3	4-4	4-5
5-1	5-2	5-3	5-4	5-5

HTML5

Python相关栏目本月热门文章

标题一	标题二	标题三	标题四	标题五
1-1	1-2	1-3	1-4	1-5
2-1	2-2	2-3	2-4	2-5
3-1	3-2	3-3	3-4	3-5
4-1	4-2	4-3	4-4	4-5
5-1	5-2	5-3	5-4	5-5