Enskripsi html

Kali ini saya akan berbagi info mengenai Enskripsi html Dan css yang tergabung dan menampilkan sebuah tampilan yaang cukup bagus .

Langkah-langkahnya yaitu sebagai berikut :

1. Buka notpad kemudian Ketikan enskripsi seperti gambar di bawah ini.
   
   
   
   
   
2.  Kemudian di save. kemudian di buka menggunakan borwser. maka akan muncul tampilan seperti berikut. 
   

 3.Dan itu adalah tampilan dari koding yang saya buat di atas. dan itu menggunakan gambar yang saya punya. dan anda bisa menggantinya  Menggunakan gambar yang anda inginkan dengan mengganti gambarnya dengan koding berikut
         <img src="name file gambar">
4.Dan jika Anda ingin mengganti tampilan Header di atas anda bisa mengganti sesuka anda dengan meng edit koding berikut ini.
        #header {
             background-color:grey;
             color:white;
             text-align:center;
             padding:5px;
         }
Dan jangan lupa Tenxt yang ingin anda jadikan header di kasih koding berikut ini.
         <div id="header">tex header </div>
dan maka tampilan yang anda edit tersebut akn muncul di bagian header seperti gambar berikut.

5. Dan yang berikutnya yaitu mengenai tampilan footer yang muncul di bagian bawah yang biasanya terdapat tulisan copyright:@.......    menggunakan koding berikut ini.bisa diletakan di bagian bawah koding  header.
    footer {
         background-color:grey;
         color:white;
         clear:both;
         text-align:center;
         padding:5px;
     }
 Dan koding di bawah ini di letakan di bawah sebelum koding </body>
<footer> text footer</footer>
Maka akan tampil seperti Bagian  seperti pada gambar di bawah ini.

 .......selesai......

Selamat mencoba dan koding-koding di atas menggunakan refernsi di  http://www.w3schools.com/