Memulai Membuat html
Sebelum anda memulainya, install dulu Wamp server (yang saya pakai disini WampServer 2.2a).Sudah? Mari kita mulai, pertama-tama buka C:/wamp/www/ (itu di komputer saya, kalau beda silahkan cari sendiri di komputer anda). Delete dulu semua isinya, trus buat notepad, judulnya terserah saja.
Langkah Awal Membuat Script Untuk Web Kita
Setiap html harus dimulai dengan <html> dan di akhiri </html>
Gunakan ini untuk menulis judul web <head> <title> "judul web" </title> </head>. Contoh, misalnya kita membuka halaman facebook.com, maka di bagian atas yang tertulis "Tab Baru" akan berubah menjadi "Facebook", yang bertuliskan "Facebook" tersebut dinamakan judul web.
Untuk membuat isinya, tulis <body> "isinya" </body>
Dengan begini format yang benar sementara yang tertulis dalam notepad anda adalah:
<html>
<head>
<title> "judul web" </title>
</head>
<body>
"isi web"
</body>
</html>
Berikut Beberapa Script Yang Saya Ketahui
Script-script berikut bisa dimasukkan dalam isi web anda.
<html> <body> <head> : seperti yang sudah di jelaskan
Andi memukul Anjing
Anjing dipukul Andi
Maka, yang muncul dalam halaman web kita adalah, Andi memukul AnjingAnjing dipukul Andi.
Nah, untuk menghindari hal tersebut maka kita harus menulisnya seperti ini agar muncul sesuai yang kita inginkan :
Andi memukul Anjing <br/>
Anjing dipukul Andi
<b> "text" </b> : untuk memberikan efek Bold pada text tersebut
<i> "text" </i> : untuk memberikan efek Italic pada text tersebut
<u> "text" </u> : untuk memberikan efek Underline pada text tersebut
<h1 align = "center"> </h1> : untuk tulisan berada pada posisi center
<hr/> : untuk membuat garis horizontal yang panjangnya selebar halaman kita
<div> </div> : untuk memblok text tersebut untuk merubahnya sekaligus seperti: <div ALIGN=LEFT> </div>
Akhir Pembuatan Script
Setelah kita sudah selesai mengutak-atik notepad kita, kita save lalu buat jadi format html. Contohnya kita save file dengan nama "Testing.html". Maka, notepad kita akan berubah formatnya menjadi html.
Selamat Mencoba ^_^
<i> "text" </i> : untuk memberikan efek Italic pada text tersebut
<u> "text" </u> : untuk memberikan efek Underline pada text tersebut
<h1 align = "center"> </h1> : untuk tulisan berada pada posisi center
<hr/> : untuk membuat garis horizontal yang panjangnya selebar halaman kita
<div> </div> : untuk memblok text tersebut untuk merubahnya sekaligus seperti: <div ALIGN=LEFT> </div>
Akhir Pembuatan Script
Setelah kita sudah selesai mengutak-atik notepad kita, kita save lalu buat jadi format html. Contohnya kita save file dengan nama "Testing.html". Maka, notepad kita akan berubah formatnya menjadi html.
Selamat Mencoba ^_^
No comments:
Post a Comment