📜  使用 HTML 和 CSS 设计网页

📅  最后修改于: 2021-10-29 04:11:11             🧑  作者: Mango

对于那些不是 CSS 专家的人来说,创建一个有吸引力的页面会很困难。如果不使用 CSS,您将无法使网页更具吸引力。所以为了制作网页,我们需要具备 HTML 和 CSS 的知识。在本文中,主要焦点将是实现 CSS。为了设计一个网页,我们首先需要创建一个 HTML 网页结构。

创建结构:在本节中,我们将使用

  • 标签创建一个简单的网页结构。因此,这将创建一个简单的界面,您可以通过运行以下代码进行检查。

    HTML代码:

    html
    
     
    
     
    
        
            Simple web Development Template
        
    
     
    
        
     
        
            
                
                    

                        Web Technology                 

                                      

                        HTML stands for HyperText Markup                     Language. It is used to design                     web pages using a markup language.                     HTML is the combination of Hypertext                     and Markup language. Hypertext                     defines the link between the web                     pages. A markup language is used                     to define the text document within                     tag which defines the structure of                     web pages. HTML is a markup language                     that is used by the browser to                     manipulate text, images, and other                     content to display it in the required                     format.                 

                    
            
        
          
            
                
                    

                        C Programming                 

                    

                        C is a procedural programming language.                     It was initially developed by Dennis                     Ritchie as a system programming                     language to write operating system.                     The main features of C language include                     low-level access to memory, simple set                     of keywords, and clean style, these                     features make C language suitable for                     system programming like operating system                     or compiler development.                 

                    
            
        
          
            
                

    Java

                  

                    Java has been one of the most                 popular programming language                 for many years. Java is Object                 Oriented. However it is not                 considered as pure object oriented                 as it provides support for primitive                 data types (like int, char, etc) The                 Java codes are first compiled into byte                 code (machine independent code). Then                 the byte code is run on Java Virtual                 Machine (JVM) regardless of the                 underlying architecture.             

                
              
                laptop image         
        
          
                     
     


    CSS


    html
    
     
    
     
    
        Simple web Development Template
     
        
    
     
    
        
     
        
            
                
                    

    Web Technology

                    

                        HTML stands for HyperText Markup Language.                     It is used to design web pages using a markup                     language. HTML is the combination of Hypertext                     and Markup language. Hypertext defines the                     link between the web pages. A markup language                     is used to define the text document within tag                     which defines the structure of web pages.                     HTML is a markup language that is used by the                     browser to manipulate text, images, and other                     content to display it in the required format.                 

                    
            
        
          
            
                
                    

                        C Programming                 

                    

                        C is a procedural programming language. It                     was initially developed by Dennis Ritchie                     as a system programming language to write                     operating system. The main features of C                     language include low-level access to memory,                     simple set of keywords, and clean style,                     these features make C language suitable for                     system programming like operating system or                     compiler development.                 

                    
            
        
          
            
                

    Java

                  

                    Java has been one of the most popular                 programming language for many years.                 Java is Object Oriented. However it is                 not considered as pure object oriented                 as it provides support for primitive                 data types (like int, char, etc) The                 Java codes are first compiled into byte                 code (machine independent code). Then                 the byte code is run on Java Virtual                 Machine (JVM) regardless of the                 underlying architecture.             

                
              
                laptop image         
        
          
                     
     


    我们使用了 CSS 中使用的 sectionsection-left等类来提供适当的样式,因为它会使网页更具吸引力。

    CSS 设计:我们将使用 CSS 为我们在 HTML 代码中创建的 HTML 网页结构提供适当的设计效果。最困难的部分是将图片显示在不同的方向。考虑图片在正确的方向上,而文字及其在左边的方向上。当我们使用flex-direction:row-reverse 时,右侧的图像将显示在左侧,文本将显示在右侧。

    CSS代码:

    CSS

    
    

    最终代码:我们将结合 HTML 和 CSS 来创建网页。

    html

    
     
    
     
    
        Simple web Development Template
     
        
    
     
    
        
     
        
            
                
                    

    Web Technology

                    

                        HTML stands for HyperText Markup Language.                     It is used to design web pages using a markup                     language. HTML is the combination of Hypertext                     and Markup language. Hypertext defines the                     link between the web pages. A markup language                     is used to define the text document within tag                     which defines the structure of web pages.                     HTML is a markup language that is used by the                     browser to manipulate text, images, and other                     content to display it in the required format.                 

                    
            
        
          
            
                
                    

                        C Programming                 

                    

                        C is a procedural programming language. It                     was initially developed by Dennis Ritchie                     as a system programming language to write                     operating system. The main features of C                     language include low-level access to memory,                     simple set of keywords, and clean style,                     these features make C language suitable for                     system programming like operating system or                     compiler development.                 

                    
            
        
          
            
                

    Java

                  

                    Java has been one of the most popular                 programming language for many years.                 Java is Object Oriented. However it is                 not considered as pure object oriented                 as it provides support for primitive                 data types (like int, char, etc) The                 Java codes are first compiled into byte                 code (machine independent code). Then                 the byte code is run on Java Virtual                 Machine (JVM) regardless of the                 underlying architecture.             

                
              
                laptop image         
        
          
                     
     

    输出:

    支持的浏览器:

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