📜  如何使用 HTML 和 CSS 创建浏览器窗口?

📅  最后修改于: 2021-11-03 10:12:47             🧑  作者: Mango

浏览器窗口是用于查看 Internet 页面的工具。它用于搜索互联网上的内容并从互联网上获取相关信息。
创建结构:在本节中,我们将创建一个基本的站点结构,并为将用作菜单图标的图标附加 Font-Awesome 的 CDN 链接。
Font Awesome 中图标的 CDN 链接:

  • HTML代码:
html


 

    
    

 

 
    
        
            
                oogle               
                                       
                                              
            
                
                                                                               
            
        
          
            

GeeksforGeeks

             

A Computer Science Portal for Geeks

          
    
   


html


html


 

    
    
    

 

 
    
        
            
                oogle               
                                       
                                              
            
                
                                                                               
            
        
          
            

GeeksforGeeks

             

A Computer Science Portal for Geeks

          
    
   


设计结构:在上一节中,我们创建了将用作浏览器窗口的基本网站的结构。在本节中,我们将设计浏览器窗口的结构。

  • CSS 代码:

html


最终解决方案:这是结合上述部分后的最终代码。它将浏览器窗口。

html



 

    
    
    

 

 
    
        
            
                oogle               
                                       
                                              
            
                
                                                                               
            
        
          
            

GeeksforGeeks

             

A Computer Science Portal for Geeks

          
    
   

输出:

支持的浏览器:

  • 谷歌浏览器
  • 微软边缘
  • 火狐
  • 歌剧
  • 苹果浏览器