CREATING BEAUTIFUL WEBSITE USING HTML AND CSS

source code of this web page is given below here.
web page out put screen of given below 
source code, This is output screen.

<!
DOCTYPE html>





<html>
<head>
 <title> second web page</title>

   
  
 <style>
       div.para{
            background-colorrgb(4920962);
            colorrgb(42531);
            height17cm;
            width15cm;
            margin-left:320px;
            margin-top0px;
            margin-right:2px;
            font-size20px;
            padding5%;
            borderrgb(7101129solid;
            border-radius20px;
            opacity0.8;
           
            }
    
     
    </style>
       


      
            
        

        



        
           
   <style>
// comment
        body{
            margin0;
            padding0;
            
        }
        </body>
    </style>

    <style>
       .nav ul{
           list-stylenone;
           backgroundrgb(313146);
           text-aligncenter;
           padding0;
           margin0;
           transition-propertyall;
           opacity0.9;
           
            }
    

        
   
         .nav li{
            
            display:inline-block;
             }
            
            
       
         .nav a{
            text-decorationnone;
            font-family:Helveticasans-serif;
            colorrgb(0140);
            width100px;
            padding25px;
            displayblock;
            font-size25px;
            
         }    

         .nav a:hover{

             backgroundrgb(18718568);
             transition0.5s;
         }

         </style>


         <style>
         
        .h1{}      



         .block ul{
                    
                    height18cm;
                    width4.7cm;
                    border10px;
                    border-radius25px;
                    border-styledouble;
                    border-colorrgb(2261149);
                   text-aligncenter;
                   margin:10px;
                   padding-right10px;
                   padding-top40px;
                   margin-top88px;
                    
                    background-colorrgb(17206196);
                    floatleft;
                    opacity0.6;
                    




                }   
                
                .block li{
                  
                    list-stylenone;
                    font-size30px;
                    text-alignleft;
                  padding15px;
                  font-familyVerdana, Geneva, Tahomasans-serif;
                 
                    
                }


                .block a{
                    displayblock;
                    colorrgb(200) ;
                    block-sizeauto;
                    border30px;
                    border-colordeepskyblue;
                    border-radius15px;

                }
                .block a:hover{
                    background-colorrgb(226175109);
                   transition1s;

                }



         </style>



 


</head>

<body background="hd1.jpg">
    

<h1 style=" padding-right: 100px; color: rgb(248, 8, 236);  font-size: 50px;">
 w3school.com<
/h1>
        
        

    <div class="nav">

            
            <ul>
                <li><a href="html">HTML</a></li>
                <li><a href="css">CSS</a></li>
                <li><a href="java">JAVA</a></li>
                <li><a href="swift">SWIFT</a></li>
                <li><a href="python">PYTHON</a></li>
                <li><a href="ruby">RUBY</a></li>
                

            </ul>
            

         </div>



         <div class="block">

            
            <ul>
                <li><a href="html">LEARN HTML</a></li>
                <li><a href="css">LEARN CSS</a></li>
                <li><a href="java">LEARN JAVA</a></li>
                <li><a href="swift">LEARN SWIFT</a></li>
                <li><a href="python">LEARN PYTHON</a></li>
                <li><a href="ruby">LEARN RUBY</a></li>
                

            </ul>
            

         </div>




         
 <h2 style="text-align: right;  font-size: 30px; float: inline-start;" >
     world largest devloper site</h2>   
    
      
            
     <div class="para">
       
        <p>   
        
        This year, only three languages dipped below 2019 levels, which are C++,
 Perl and PHP. The strength of the other languages indicate the programming industry 
and demand for developers are holding strong."

        Some of the older languages such as SQL, Java and C++ are still on 
the list because a lot of older applications are built by those languages 
and legacy systems are hard to change to a different language.
 But Wang's recommendation? "I think the language right now that's really 
important to learn is Python." 
        
        Here are the top 10 programming languages that employers are seeking in
 job postings in 2021, according to Coding Dojo:
        <ul>
        <li>Python (70,497 worldwide job postings)</li> 
        <li>SQL (69,033)</li> 
        <li>Java (59,369)</li> 
        <li>R (55,978)</li> 
        <li>Visual Basic (54,253)</li>
        <li>JavaScript (49,724)</li> 
        <li>C++ (35,034)</li> 
        <li>C# (27,525)</li> 
        <li>C (25,082)</li> 
        <li>Ruby (13,279)</li> 
         </ul>   
        
            
         
            </div>  
        </p>    



       




</body>


</html>

No comments:

Post a Comment