Веб-сайт с помощью HTML и CSS


Пожалуйста, ознакомьтесь с этим:

<!DOCTYPE html > 
<html dir="ltr" lang="en-UK"> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <title>Fahad | Just another web designer</title> 
        <!--Styling Starts--> 
    </script> 
       <style type="text/css"> 
              h1 { 
                    font-size:100px;
                    display:inline-block;
                    vertical-align:top;
                    padding:5px;
                    width:300px;    
                }
            .menu 
                {
                    padding-top:90px;
                    width:200px;
                    display:inline-block;
                    float:left;
                }
            .menu ul {
                    list-style-type:none;
                    }
              .container
              {
                 color:#666;
              }
              a:link
              {
                 color:#666;
              }
              a:hover
              {
                 color:#333;
              }
              a:active
              {
                color:#666;
              } 
               a:visited
              {
                color:#666;
              } 
              a
              {
                  text-decoration:none;  
              }
              p
              {
                  font-family:Verdana, Geneva, sans-serif;
                  font-size:24px;  
              }
              x
              {
                  font-size:36px;
                  font-family:Verdana, Verdana, Geneva, sans-serif;
                  color:#06F;  
              }
              #para
              {
                ;
                padding-left:200px;
                padding-right:200px;  
              }
              #bio
              {
                  float:left;
                  height:200px;
                  width:200px;
              }
              #bio h2
              {
                    font-size:40px;
                    display:inline-block;
                    vertical-align:top;
                    padding:5px;
                    width:300px;
              }
                  #achievements
              {
                  height:200px;
                  width:200px;
                  float:right;

              }
              #achievements h2
              {
                    font-size:40px;
                    display:inline-block;
                    vertical-align:top;
                    padding:5px;
                    width:300px;
              }
                  #dreams
              {
                  float:left;
                  height:200px;
                  width:200px;
                  padding-left:150px;
              }
              #dreams h2
              {
                    font-size:40px;
                    display:inline-block;
                    vertical-align:top;
                    padding:5px;
                    width:300px;
              }
     </style>    
    </head> 
    <body> 
        <div class="container"> 
            <h1>Fahad</h1> 
            <div class="menu"> 
            <ul> 
                <li><a href="http://www.facebook.com/fahd92">Home</a>   </li>    
                <li><a href="http://www.facebook.com/fahd92">Blog</a></li> 
                <li><a href="http://www.facebook.com/fahd92">About</a></li> 
                <li><a href="http://www.facebook.com/fahd92">Contact</a></li>    
            </ul>         
            </div > 
            <div id="para"> 
            <p>I m a <x>programmer</x> and <del>now starting my career as</del> a
<x>Web designer</x> 
. It takes a lot of time to start writing <x>beutifully</x>. I am not very good at spelling so do not point out <x>spelling mistakes</x>.</p> 
<div id="bio"><!--Biography starts--> 

<h2>Biography</h2> 
<p>I was born in bla year <x>foo</x> date. I like working on <x>computers</x></p> 
</div><!--Biography ends--> 
<div id="achievements"><!--Achievements starts--> 
<h2>Achievements</h2> 
<p>Don't know what to put in it. I have a lot of dreams to <x>accomplish</x></p> 
</div><!--Achievements ends--> 
<div id="dreams"><!--Dreams starts--> 
<h2>Dreams</h2> 
<p>I <x>dream</x> a lot. Why shouldn't I? Dreams are <x>cool</x>. They make us <x>ambitious</x>.</p> 
</div><!--Dreams ends--> 
            </div><!--para ends--> 
            <!--menu div ends--></div><!--Container Div ends--> 
    </body> 
</html> 


<!-- www.000webhost.com Analytics Code -->

<script type="text/javascript" src="http://analytics.hosting24.com/count.php"></script>

<noscript><a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/count.php" alt="web hosting" /></a></noscript>

<!-- End Of Analytics Code -->


424
1
задан 9 июля 2011 в 08:07 Источник Поделиться
Комментарии
2 ответа

Два Примечания:


  • Линия 2: Использование Ан-ГБ

  • Линия 5: без