Kode Dasar HTML
Langkah pertama bagi Anda yang ingin memiliki website sendiri adalah belajar HTML. Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.
Belajar HTML
Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). HTML adalah suatu standar bahasa program yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, yakni dengan menggunakan editor HTML berjenis WYSIWYG seperti Microsoft FrontPage, Adobe PageMill atau Netscape Composer, namun sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Terutama agar anda bisa memanfaatkan secara optimal berbagai fasilitas browser dan mengingat sejumlah kelemahan yang terdapat pada editor WYSIWYG seperti di atas.
HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-mark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga MS Word. Untuk mudahnya, kita gunakan program Notepad. Bukalah program Notepad. Bila anda belum tahu caranya, klik Start > Programs > Accessories lalu Notepad. Sekarang ikutilah dengan seksama latihan-latihan berikut satu demi satu.
Ini dia kode-kode dasar tersebut:
1. <html> </html>
2. <head> </head>
3. <title> </title>
4. <body> </body>
Agar lebih jelas akan saya jelaskan satu per satu, berikut penjelasannya:
1. <html> adalah kode yang terdapat di bagian atas halaman web. Tag penutup dari <html> adalah </html>
2. <head> Semua kode yang diletakkan di antara tag <head> dan </head> tidak akan terlihat di halaman web. Di bagian Head ini, kita bisa melakukan berbagai macam pengaturan, seperti:
- meletakkan kode javascript
- meletakkan kode css
- meletakkan meta tag
- dan lain-lain
3. <title> adalah tag untuk meletakkan Judul halaman web. Ingat, judul halaman web tidak sama dengan nama file.
4. <body> adalah tempat dimana pengunjung dapat melihatnya. Apa saja yang ingin kita sampaikan ke pengunjung disinilah tempatnya. Kalau kode-kode yang lain pengunjung tidak dapat melihatnya.
Rumus penting di dalam kode HTML:
Dalam pembuatan kode HTML, berlaku rumus “first come, last out”.
Maksudnya, kode yang pertama kali dimasukkan, maka dia harus terakhir kali ditulis.
Membuat huruf tebal, miring, bergaris bawah, dan efek dicoret
1.<b> adalah kode untuk membuat huruf tebal
==>> sekarang ada yang baru, membuat huruf tebal disarankan pakai tag <strong>
2. <i> adalah kode untuk membuat huruf miring
==>> sekarang ada yang baru, membuat huruf miring disarankan pakai tag </em>
3. <u> untuk membuat huruf bergaris bawah
4. <strike> untuk membuat huruf dengan efek dicoret
Misalkan kita hendak membuat huruf miring sekaligus tebal
Cara Yang Benar :
<b><i> ini huruf miring dan tebal <i><b>
atau:
<i><b> ini huruf miring dan tebal <b><i>
Cara Yang Salah :
<b><i> ini huruf miring dan tebal <b><i>
yang ini juga salah:
<i><b> ini huruf miring dan tebal <i><b>
Ingat !!!
Semua kode ini diletakkan di antara tag <body> dan </body>.
Kenapa? Sebab format huruf ini akan terlihat oleh pengunjung di halaman web kita nantinya.
Semua kode ini harus pakai tag penutup. Bila tidak ada tag penutup, maka halaman web akan kacau.
Bila anda menggunakan lebih dari satu tag, ingatlah selalu rumus:
“first come, last out”
Pelajari juga bagaimana cara membuat table dan hyperlink di Frontpage