Selasa, 28 April 2015

Pembuatan Website Sederhana dengan HTML

HTML merupakan salah satu tools yang berguna untuk pembuatan website, karna itu saya akan sedikit menjelaskan tentang langkah-langkah pembuatan website dengan menggunakan HTML
Langkah-langkah :
       1.      Bukalah “Notepad” dengan cara klik Start > All Program > Accessories > Notepad. Atau jika sudah ada shortcut di Desktop maka kamu bisa langsung mengklik 2x pada gambar icon Notepad












ini merupakan salah satu cara membuka Notepad






     2.      Tampilan Notepad, program akan muncul jika sudah berhasil membukanya
                               

   3.      Membuat Bagian Kepala dan Badan Website
Sebuah halaman web terdiri dari dua bagian, yaitu bagian kepala dan badan. Bagian kepala memberi nama website kita, sedangkan bagian badan berisi halaman inti sebuah web
 Diatas merupakan contoh untuk membentuk suatu halaman website. Dan dari contoh diatas terlihat bahwa setiap tag mempunyai pasangan yang ditandai dengan tanda slash (/).
·      Tanda slash (/) dalam tag merupakan pertanda bahwa ia adalah pasangan. Contoh <head> pasangannya adalah </head>
·        Selalu diawali dengan <html> dan diakhiri dengan </html>
·        <title> </title> merupakan judul dari website yang akan muncul diatas.
·        <body> </body> merupakan isi dari website.
·       <h1>, <h2>, <h3>, . . . .  <hn> merupakan penentuan ukuran dari huruf. Semakin besar angkanya maka akan semakin kecil hurufnya
Jika sudah selesai mengetik kemudian klik File > Save / Save As, dan disimpan dengan nama index (.html). dan akan menghasilkan sebuah file yang mempunyai icon web browser seperti google crome tergantung web browser yang anda gunakan dalam computer anda.
     4.      Melihat hasilnya, cara melihat hasil dari langkah-langkah diatas adalah dengan membuka file yang telah kita simpan. Dibawah ini merupakan hasil dari yang saya buat




Mempercantik Website dengan HTML
  • Menambah Warna Backgroud Website

Didalam suatu website biasanya warna backgroudnya adalah putih, anda dapat merubah warna background dengan warna lainnya dengan cara menambahkan “bgcolor = warna”
Contohnya saya ingin merubah warna website saya dengan warna biru
<body bgcolor = blue>
Jangan lupa save jika sudah selesai menambahkan ketikan anda kedalam notepad. Kemudian refresh web browser anda untuk melihat perubahannya 
·     
  • Merubah Tulisan dalam Website

Website dapat dipercantik dengan merubah jenis dan ukuran tulisannya yaitu dengan cara menyisipkan tag <font> </font> dalam <body> </body>. 
Untuk merubah warna tulisan caranya menambahkan kode “color” setelah font, dan untuk merubah jenis tulisan caranya menambahkan kode “size”. Untuk size apabila semakin besar nilai maka semakin besar pula huruf yang ditampilkan.
Contoh


Kode dicontoh berarti mempengaruhi warna menjadi warna putih, berjenis Verdana dan berukuran -3, Save dan Refresh web browser untuk melihat pengaruhnya.




Jika ingin member efek tulisan bergerak, maka caranya adalah menyisipkan tag <marquee> </marquee> sebelum kode <font> </font>
Contoh


Diatas merupakan contoh kodenya dan dibawah ini merupakan contoh hasil dari kode tersebut


Referensi : http://astronaut30.blogspot.com/

0 komentar:

Posting Komentar