📜  如何使用 HTML 和 CSS 创建投资组合库?

📅  最后修改于: 2021-09-01 02:05:51             🧑  作者: Mango

要创建投资组合画廊,我们只需要 HTML 和 CSS。我们也可以使用 JavaScript,但在本文中,设置了限制,因此我们将仅使用 HTML 和 CSS。在第一部分将整篇文章分为两个不同的部分,我们将为作品集图库创建结构,在第二部分,我们将确保图库看起来很有吸引力。当您的网站包含不同类型的内容或内容过多时,作品集库非常有用。借助投资组合库,您可以轻松地向用户显示首页中的所有内容。

创建结构:在本节中,我们将创建投资组合的基本网站结构。在这里,我们将附加标题属性,以便用户可以知道投资组合的每个网格上的内容类型。

  • HTML 代码:在本节中,我们将设计 Portfolio Gallery 的基本结构。
    
    
       
    
        
            Create a Portfolio Gallery
            using HTML and CSS
        
          
        
    
      
    
           
        
        
            

    GeeksforGeeks

            

    A Computer Science Portal for Geeks

            
                         

    Portfolio

            
                
                    
                                             

                            HTML Tutorials                     

                        

                            HTML stands for Hyper Text Markup                         Language. It is used to design web                         pages using markup language. HTML                         is the combination of Hypertext and                         Markup language. Hypertext defines                         the link between the web pages.                     

                    
                
                               
                    
                                             

                            CSS Tutorials                     

                                               

                            Cascading Style Sheets, fondly referred                         to as CSS, is a simply designed language                         intended to simplify the process of                         making web pages presentable. CSS allows                         you to apply styles to web pages.                     

                    
                
                               
                    
                                             

                            PHP Tutorials                     

                                               

                            The term PHP is an acronym for PHP:                          Hypertext Preprocessor. PHP is a                          server-side scripting language                          designed specifically for web                          development. PHP can be easily                         embedded in HTML files.                     

                    
                
                               
                    
                                             

                            JavaScript Tutorials                     

                                               

                            Javascript was developed by Brendan                         Eich in 1995. At first, it was called                         LiveScript but was later name to                         JavaScript. JavaScript is the muscle                         of the structure                     

                    
                
            
        
       

设计结构:在上一节中,我们已经创建了基本网站的结构,现在我们将使用 CSS 来设计网页的结构。

  • CSS代码:
    
    

结合 HTML 和 CSS 代码:结合 HTML 和 CSS 部分代码以制作完整的作品集库。



   

    
        Create a Portfolio Gallery
        using HTML and CSS
    
      
    
          
    

  

       
    
    
        

GeeksforGeeks

        

A Computer Science Portal for Geeks

        
                     

Portfolio

        
            
                
                                         

                        HTML Tutorials                     

                    

                        HTML stands for Hyper Text Markup                         Language. It is used to design web                         pages using markup language. HTML                         is the combination of Hypertext and                         Markup language. Hypertext defines                         the link between the web pages.                     

                
            
                           
                
                                         

                        CSS Tutorials                     

                                           

                        Cascading Style Sheets, fondly referred                         to as CSS, is a simply designed language                         intended to simplify the process of                         making web pages presentable. CSS allows                         you to apply styles to web pages.                     

                
            
                           
                
                                         

                        PHP Tutorials                     

                                           

                        The term PHP is an acronym for PHP:                          Hypertext Preprocessor. PHP is a                          server-side scripting language                          designed specifically for web                          development. PHP can be easily                         embedded in HTML files.                     

                
            
                           
                
                                         

                        JavaScript Tutorials                     

                                           

                        Javascript was developed by Brendan                         Eich in 1995. At first, it was called                         LiveScript but was later name to                         JavaScript. JavaScript is the muscle                         of the structure                     

                
            
        
    
             

输出: