- Klik kanan desktop komputer kamu, pilih New - Text Document, kemudian akan muncul file Text Documen yang baru di desktop kamu.
- Ubah nama file Text Dokumen.txt menjadi webpage.html. Caranya klik kanan pada Text Document - klik Rename, kemudian ganti namanya menjadi webpage.html. Bila ada kotak peringatan keluar, maka klik "Yes" saja.
- Untuk membuat tampilan pada website kita klik kanan file webpage.html - pilih Open With - klik NotePad. Kemudian akan muncul halaman webpage.html yang akan kita ketikkan kode-kode pemrograman.
- Kita mulai menulis kode-kode pemrogramannya:
- Ktikkan kode-kode berikut ke dalam NotePad yang kita buat tadi.
- Kemudian klik menu File - klik Save, untuk menyimpan kode-kode programnya. Setelah itu keluar dari NotePad dengan mengklik menu File - Exit atau bisa mengklik tombol silang merah di kanan atas.
- Double klik file webpage.html atau klik kanan di file webpage.html - pilih Open With - klik FireFox atau Google Chrome atau Internet Explorer. Kemudian tampillah website pertama kamu.
Kalian pasti bingung fungsi dari kode-kode diatas, berikut penjelasan dari capung:
- <html> </html>
Tag <html> adalah tag pertama kamu untuk memulai halaman web. Hal ini juga akan ditutup terakhir, sehingga pada akhir dokumen, menutupnya dengan mengetikkan </html> (terdapat garis miring sebelum tulisan html, garis miring menandakan penutupan).
- <title> </title>
Judul sangat penting dalam halaman website karena penggunak bisa mengetahui isi website kita dari judul yang kita buat. Juga, ketika pengguna situs kamu dalam bookmark, judul situs kamu akan terlihat dalam daftar bookmark mereka. Judul untuk kode HTML yaitu <title>. Menutupnya pada akhir judul kamu dengan menulis </ title>.
- <body> </body>
Tag <body> adalah tag dimana kita akan bekerja membuat tampilan halaman. Ketik <body> untuk memulai membuat halaman situs. Kemudian tutup tag body dengan mengetik </ body>. Sebagian besar informasi untuk halaman web kamu berjalan di antara <body> dan </ body>.
Capung jadi teringat lagu "I want nobody nobody but you... I want nobody nobody but you... Nandareun sarameun silheo nigaanimyeon silheo... I want nobody nobody nobody nobody" Ahai... hohohoho (Suara capung jelek jadi malu...) ^_^
Ekhm ekhm... balik lagi kita ke topik. Untuk memberikan halaman web kamu warna latar belakang, kamu dapat menambahkan style ke Tag body. Tuliskan dalam tag body: <body style="background-color:silver">. Anda dapat mencoba warna yang berbeda atau bahkan kode hex. Kata-kata dalam tanda kutip dikenal sebagai "atribut." Mereka harus dikelilingi oleh tanda kutip!
- <h1> </h1>
<h1> </h1> untuk mempebesar tulisan, biasanya digunakan untuk judul dalam halaman website. Ada juga <h2>, <h3>, <h4>, dll.
- <br>
Untuk membuat teks ke baris berikutnya (seperti menekan "Enter" pada keyboard kamu), menulis <br> untuk enter.
- <marquee> </marquee>
Ingin menambahkan tenda, atau sebuah kata yang bergerak melintasi layar? gunakan : <marquee> TULISAN DI SINI </ marquee>.
- <img src="URL">
Tambahkan beberapa gambar. Jika kamu ingin menempatkan gambar dari internet ke halaman web kamu, kode HTML untuk gambar yaitu <img src="URL">. Namun, tag penutup opsional.
Nah kawan, sekian penjelasan dari capung. Semoga bermanfaat untuk kamu. Langsung deh dipraktekkan gak susah loh...
Silahkan komentar bila ada yang kurang jelas dari penjelasan saya di atas.
0 komentar:
Posting Komentar