使用 HTML 和 CSS 设计网页

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

创建结构：在本节中，我们将使用

和

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

HTML代码：

html

 

 

    

 

    

        

            

                
            
            
Web Technology
            
C Programming
            
Courses
        
 
        

            
            Search
        
    
 
    

        

            

                

                    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.
            
 
 
        
 
        

            
        
    
 
    

        

            Copyright ©-All rights are reserved
        
 
 
    

 

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

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

CSS代码：

CSS

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

html

 

 

    
 
    

 

    

        

            

                
            
            
Web Technology
            
C Programming
            
Courses
        
 
        

            
            Search
        
    
 
    

        

            

                
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.
            
 
 
        
 
        

            
        
    
 
    

        

            Copyright ©-All rights are reserved
        
 
 
    

 

输出：

支持的浏览器：

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