BELAJAR DASAR KODE HTML
Posted by imamSadja 2013 HTML (Hyper Text Mark-up Language)
Susunan kode-kode yang digunakan untuk membuat halaman website atau dokumen berbasis html.
Kode
html berfungsi untuk mengatur setiap isi pada halaman dokumen html baik
warna, latar belakang, text, gambar, suara dsb sesuai dengan yang kita
inginkan, penyusunan kode html adalah biasa dengan diawali dengan kode
"<>" Opening Tag dan diakhiri dengan "</>" Closing Tag,
kedua tag ini untuk mengapit unsur yang kita kelola sehingga
menghasilkan penampilan yang unik secara otomatis.
Berikut beberapa contoh struktur kode html:
* FONT HTML CODES (kode HTML pada tulisan)
1. Bold (Tulisan Tebal)
Jika kita ingin membuat satu tulisan dengan tampilan efek bold maka yang harus kita lakukan adalah mengapit tulisan tersebut diantara
Opening tag dan Closing tag, dan kode html'nya adalah "b" sebelum
ditambahkan dengan kedua tag tersebut
Contoh:
Maka hasilnya adalah : imamSadja
Anda dapat meng-copas kode pada tabel untuk halaman project Anda!
2. Italics (Tulisan Miring)
Memberikan efek miring pada tulisan yg kita inginkan
Contoh:
Maka hasilnya adalah : imamSadja
3. Underline (Garis Bawah)
Memberikan efek bergaris bawah pada tulisan yang kita apit
Contoh:
Maka hasilnya adalah : imamSadja
4. Align (Perataan)
Adalah untuk memposisikan tulisan atau unsur lainnya sesuai selera.
Align terdiri dari beberapa macam, berikut ini misalnya:
a. Center (Tengah)
Seperti biasanya, kode yang harus digunakan adalah Opening dan Closing tag'nya
Contoh:
Maka hasilnya adalah :
imamSadja
imamSadja
Jika menginginkan arah dari yang sebaliknya maka tinggal mengganti kata "right" dengan "left" atau "up" dengan "down" !!
7. Blink (Tulisan Berkedip)
Sama halnya dengan marquee, tulisan blink tidak akan bekerja apabila devicenya tidak mendukung
Contoh:
Maka hasilnya adalah :
Blink ataupun marquee bisa juga digunakan untuk menggerakan objek gambar.
* BACKGROUND HTML CODES (kode HTML latar belakang)
Halaman website jaman sekarang begitu
banyak yang tampil cantik dan variatif, kiat ini pastinya bertujuan
untuk memikat para pengunjung, mulai dari background warna warni, gambar,
kelap kelip hingga musik dapat di nikmati sembari browsing.
Selain
memanjakan mata, para pengunjung juga bisa jingkrak jingkrak menikmati
alunan musik yang berputar selama mengakses website kita, mereka juga akan
merasa betah dan berlama lama nongkrong sambil baca baca informasi yang
tersedia, trust me..!!!
Berikut beberapa contoh kode html menyisipkan background:
1. Background image (latar belakang gambar)
Perlu di ingat bahwa memasang background
image dapat memperbesar volume pada halaman website Anda hingga dapat memperlambat dalam memuatnya, jadi disarankan agar tidak memasang gambar yang berukuran besar sebagai latar belakang, tetapi semua terserah pada selera Anda.
Pertama siapkan gambar yang akan di embed kemudian copy link URLnya!
misalnya Saya akan memakai
gambar yang saya upload di akun photobucket.com dan direct linknya adalah http://i1205.photobucket.com/albums/b***7/Imamsadja/smoke.jpg
Dan cara memasang kodenya setelah kode title
Contoh kodenya:
Untuk melihat hasilnya, silahkan klik disini!
2. Backgroun Sound / Music (latar belakang suara)
Langkah yang pertama
pastinya Kita harus punya file musik yang disimpan di akun internet dan
kita ambil URLnya. Misalnya Saya akan memakai file musik
"jason_mraz-geek_in_the_pink.mid" dari album musik pada akun
saya.
Agar menghindari loading yang lama maka disarankan sebaiknya Kita
gunakan file musik yang berjenis MIDI atau WAV karena pada umumnya jenis
file musik ini berukuran rendah.
Langkah berikutnya Kita 'Copy' URL
file musik yang akan Aku pakai tadi terus Kita 'Paste' diantara
<head> dan <title> kemudian setelah di save kita coba buka dengan internet explorer karena mozilla firefox belum mendukung backgroud suara!.
Contoh codenya:
Dan background musik siap dinikmati saat mengakes halaman website kesayangan Kita. Good try!!
Sampai disini dulu ya pelajaran dasar kode html bareng imamSadja, semisal ada pertanyaan seputar artikel ini tinggalkan saja komen dibawah, bye!