Kali ini saya akan membahas mengenai pelajaran sewaktu masih SMA yaitu HTML. Apa yang saya pelajari di SMA hanya dasar-dasarnya saja. Jadi yang akan saya bahas hanya dasar-dasar yang masih saya ingat.
HTML (Hypertext Markup Language) , yang diantaranya :
· Hypertext yaitu sebuah teks yang apabila diklik akan membawa anda pergi dari satu dokumen ke dokumen lainnya. Hypertext berwujud sebuah link yang mengantar anda ke dunia internet yang sangat luas.
· Markup merupakan Tag (semacam kode) yang mengatur layout dan tampilan-tampilan visual yang kita lihat di sebuah website, termasuk font,warna teks,gambar.
· Languagemerupakan petunjuk bahwa HTML adalah semacam script pemrograman.
Kesimpulannya yaitu HTML merupakan script pemrograman yang mengatur bagaimana kita menyajikan informasi di dunia internet dan bagaimana informasi itu membwa kita meompat dari satu tempat ke tempat lain.
Apa itu Tag ? Tag merupakan semacam kode. Dalam dunia HTML, Tag adalah teks yang ditulis antara tanda < dan >. Tag akan menentukan bagaimana teks akan tampil di jendela browser,bagaimana tabel akan dibuat,gambar apa yang disajikan.
Contohnya, jika kita ingin menulis teks seperti ini di browser:
GRATIS Makan Sepuasnya
Kata “GRATIS” di buat lebih tebal dari teks lainnya. Kalau diketik dalam MS Word, hanya dengan menekan tombol Bold (Ctrl+B) yang memang sudah ada, teks tersebut akan tebal. Sedangkan dalam HTML, tombol seperti Bold,Italic dan sebagainya tidak ada. Oleh karena itu teks yang diberi efek tebal harus di beri Tag. Tag untuk memberi efek tebal yaitu <b> dan untuk mengakhirinya </b>.
Sehingga dalam HTML akan jadi begini :
<b> GRATIS </b> Makan Sepuasnya
Mengapa ada 2 Tag ? Yaitu <b> dan </b> . Pada contoh tersebut kita menggunakan two-sided tag yang merupakan tag terdiri dari Tag pembuka dan Tag penutup. Untuk Tag penutup selalu berada di akhir sebuah teks atau disebelah kanan dengan kehadiran tanda ”/” misalnya </b>.
Apakah semua tag HTML berbentuk two-sided tag ? Belum tentu. Beberapa Tag HTML tidak dilengkapi tag penutup. Misalnya tag <img>. Yang berfungsi untuk menghadirkan gambar ke dalam website.
HTML memiliki beberapa versi. Versi terakhir yaitu HTML 5. HTML 5 memiliki kapabilitas baru dibanding versi sebelumnya, HTML 4. Contohnya, HTML 5 memilki tag baru bernama <audio> dan <video> yang secara khusus berfungsi memasang suara dan video ke dalam website. Sedangkan di HTML 4 menggunakan tag <embed> untuk memasang video dan audio. ( sumber: Wikipedia)
Terus, dimana kita menulis script HTML ini ? Seperti membuat aplikasi, script pemrograman bisa ditulis di Visual Basic, Delphi dan lain-lain. Khusus untuk HTML tidak ada editor khusus. Tentunya ada editor canggih seperti Adobe Dreamweaver. Namun jika ingin mempelajari lebih dalam mengenai HTML, gunakanlah editor paling sederhana, gampang di temui ( tidak perlu repot2 jalan kaki atau lari keliling lapangan selama 3bulan) dan pastinya murah meriah karena sudah tersedia di MS Windows. Aplikasi tersebut adalah Notepad. Tinggal klik start, cari yang namanya Notepad atau kalau kesusahan mencari tinggal ketik di kolom pencarian tulis “Notepad”.
Sedangkan untuk menguji script HTML yang telah kita buat yaitu dengan mengujinya pada sebuah aplikasi yang pasti sudah ada disetiap komputer atau kalau yang belum punya tinggal download, yaitu Browser anda sendiri seperti Internet Explorer, Firefox, Google Chrome.
Saya akan mempraktekan script HTML sederhana yang baru saja saya pelajari. Langkah-langkah nya :
1. Buka Notepad
2. Ketik script sederhana di bawah ini. Pastikan anda menulisnya dengan akurat:
<!DOCTYPE HTML>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<h1>Selamat Datang Di Dunia HTML </h1>
<p> Akhirnya gue bisa makan gratis.</p>
</body>
</html>
Contoh penulisan di notepad :
3. Kemudian simpan script tersebut. Pilih menu file klik save as, dan pastikan ekstensinya .html
4. File yang tersimpan akan otomatis menjadi halaman web. Browser default yang saya pakai adalah google chrome.
5. Kemudian anda tinggal membukanya , dan jadilah seperti begini.
Selamat!! (Sambil putar lagu “we are the champion”) Anda berhasil membuat script HTML sederhana.
