HTML和CSS知识点

目录---便于查找(话不多说直接撸码)

1.第一个html页面
2.html标签_标题标签
3.浏览器的内核
4.html标签_水平线标签
5.html标签_字体标签
6.html标签_格式化标签
7.html标签_段落标签
8.html标签_图片标签
9.html标签_列表标签
10.html标签_超链接标签
11.html标签_表格标签
12.html标签_表单相关标签
13.html标签_from表单的属性
14.html标签_表单的提交方式
15.html标签_div&span标签
16.CSS样式规则
17.引入css样式三种方式
18.CSS的选择器
19.CSS样式_边框和尺寸
20.CSS样式_转换属性
21.CSS样式_字体属性
22.CSS样式_背景色&背景图片属性
23.CSS样式_浮动属性
24.CSS样式_盒子模型

 

 

1.第一个HTML页面
    
        
            
            这是页面的标题
        
        
            这是正文,页面中显示的内容
        
    

2.html标签_标题标签
    
        
            
            标题标签
        
        
            
            我是普通的文字
            

你好h1


            

你好h3


            
你好h6

        
    

3.浏览器的内核
    
        
            
            浏览器的内核
        
        
            
        
    

4.html标签_水平线标签
    
        
            
            水平线标签
        
        
            
            你好
            



            我好
            

            大家好
            

        
    

5.html标签_字体标签
    
        
            
            字体标签
        
        
            
            我是默认字体
            我是最大的字体
            我是红色的字体
            我是蓝色的6号字体
            我是楷体
        
    

6.html标签_格式化标签
    
        
            
            格式化标签
        
        
            
            普通文字
            加粗的文字
            斜体文字
            即加粗又斜体的文字
            即加粗又斜体的红色文字
        
    

7.html标签_段落标签
    
        
            
            段落标签
        
        
            
            


                  致力于服务各大软件企业,解决当前软件开发技术飞速发展

            致力于服务各大软件企业,解决当前软件开发技术飞速发展
            

            
            


            致力于服务各大软件企业,解决当前软件开发技术飞速发展

            致力于服务各大软件企业,解决当前软件开发技术飞速发展
            


        
    

8.html标签_图片标签
    
        
            
            图片标签
        
        
            
            美女走丢了
            美女走丢了
            美女走丢了
        
    

9.html标签_列表标签
    
        
            
            列表标签
        
        
            
            
            


                    
  1. 百度

  2.                 
  3. 新浪

  4.                 
  5. 传智

  6.             

            

                    
  1. 百度

  2.                 
  3. 新浪

  4.                 
  5. 传智

  6.             

            

                    
  1. 百度

  2.                 
  3. 新浪

  4.                 
  5. 传智

  6.             

            

                    
  1. 百度

  2.                 
  3. 新浪

  4.                 
  5. 传智

  6.             

            
            

                    
  1. 百度

  2.                 
  3. 新浪

  4.                 
  5. 传智

  6.             

            
            

                    
  • 百度

  •                 
  • 新浪

  •                 
  • 传智

  •             

            

                    
  • 百度

  •                 
  • 新浪

  •                 
  • 传智

  •             

            

                    
  • 百度

  •                 
  • 新浪

  •                 
  • 传智

  •             

        
    

10.html标签_超链接标签
    
        
            
            超链接标签
        
        
            
            
            跳转到段落标签页面
            百度
            
            
            
                
            

        
    

11.html标签_表格标签
    
        
            
            表格标签
        
        
            
            
            


                
                
                    
                    
                    
                    
                
                
                
                    
                    
                    
                
                
                
                    
                    
                    
                
            
1-11-21-3
2-12-22-3
3-13-23-3

            

            

            
            
                
                    
                    
                
                
                    
                    
                    
                
                
                    
                    
                    
                
            
1-1
2-12-22-3
3-13-23-3

            

            

            
            
                
                    
                    
                    
                    
                
                
                    
                    
                
                
                    
                    
                
            
1-11-21-3
2-22-3
3-23-3

            

            

            
                
                    
                    
                    
                
            
11111111 222222222222 333333333333 44444444444411111111 222222222222 333333333333 444444444444

        
    

12.html标签_表单相关标签
    
        
            
            表单相关标签
        
        
            
            
            


                
                
                用户名:

                
                密码:

                
                请选择您的性别:
                男
                女

                
                请选择您的爱好:
                吃饭
                睡觉
                打豆豆

                
                

                
                
                

                
                
                
                
                
                
                
                
                

                

                
                
                
                

                

                
                
            

        
    

13.html标签_from表单的属性
    
        
            
            from表单的属性
        
        
            
            


                用户名:
                用户名:
                用户名:
                用户名:
                密码:

                请选择您的性别:
                男:
                女:

                请选择您的爱好:
                吃饭
                睡觉
                打豆豆

                
                
                
                
            

        
    

14.html标签_表单的提交方式
    
        
            
            表单的提交方式
        
        
            
            


                用户名:
                密码:

                请选择您的性别:
                男:
                女:

                请选择您的爱好:
                吃饭
                睡觉
                打豆豆

                
                
                
                
                
            

        
    

15.html标签_div&span标签
    
        
            
            div&span标签
        
        
            
            

div中的内容
div外边的内容
            span中的内容span外边的内容
        
    

16.CSS样式规则
    
        
            
            CSS样式规则
            
            
        
        
            

我是一个h1标题


            

我是一个h1标题


            

我是一个h1标题


        
    

17.引入css样式三种方式
    
        
            
            引入css样式三种方式
            
            
            
            
            
        
        
            
            

我是一个div

            
我是一个div

            
            

我是h2标签


            

我是h2标签


            

我是h2标签


            

我是h2标签


            
            

我是h2标签


        
    

18.CSS的选择器
    
        
            
            CSS的选择器
            
            
            
        
        
            
            

我是一个div

            
我是一个div

            
我是一个div

            
我是一个div

            

我是一个h1标签


            

我是一个h1标签


            
            
我是一个div

            

我是一个h1标签


            我是一个span
            
            
我是一个div

            

我是一个h1标签


            我是一个span
        
    

19.CSS样式_边框和尺寸
    
        
            
            边框和尺寸
            
            
            
        
        
            

我是一个div

        
    

20.CSS样式_转换属性
    
        
            
            转换属性
            
            
        
        
            

我是一个div我会霸占一行

            
            
我是一个div,我被转换为行内标签

            我是一个span,我只占一行的一部分
            
            我是一个span,我会霸占一行
            
            
我是一个div,我被藏起来了

        
    

21.CSS样式_字体属性
    
        
            
            字体属性
            
        
        
            我是红色超链接
            我是50px字体的超链接
            我是楷体超链接
            我是没有下划线的超链接
        
    

22.CSS样式_背景色&背景图片属性
    
        
            
            背景色&背景图片属性
            
        
        
            

1111

            
            
        
    

23.CSS样式_浮动属性
    
        
            
            浮动属性
            
            
        
        
            
            

1-1

            
2-1

            
            
3-1

            
3-2

            
3-3

            
3-4

            
            
4-1

        
    

24.CSS样式_盒子模型
    
        
            
            盒子模型
            
            
        
        
            

我是一个div

        
    

(**************************************************完毕**********************************************************)

你可能感兴趣的:(html,css,JAVA,html,css)