Assalamualaikum
Pada kesempatan kali ini saya akan menuliskan tutorial mengenai pemrograman Web dari level yang sangat dasar. Sebenarnya yang saya tuliskan ini dulunya adalah materi perkuliahan saya ketika mengajar pemrograman Web jadi, dari pada tidak terpakai lebih baik kok saya publish saja dengan beberapa pembaruan menyesuaikan perkembangan jaman.
Bagi yang sudah level intermediate ke atas tidak melanjutkan membaca tidak apa-apa karena yang saya sampaikan di post pertama saya ini murni basic dari pemrograman Web. Oke, langsung saja ya kita mulai.
Apakah HTML itu?
HTML merupakan sebuah bahasa yang digunakan untuk mendeskripsikan sebuah halaman Web. Kepanjangan dari HTML adalah
Hyper Text Markup Language. Markup sendiri merupakan sekumpulan tags yang mendeskripsikan setiap bagian yang berbeda dari sebuah halaman. Nah, jadi pada intinya sebuah halaman HTML isinya adalah tag-tag yang punya definisi sendiri-sendiri.
Penggunaan HTML memiliki beberapa keuntungan yaitu:
- Mudah digunakan. Tenang saja ini bukan klaim sepihak yang mengatakan bahwa HTML mudah digunakan. Jika Anda sudah mengenal HTML saya yakin Anda akan merasa bahwa HTML sangat mudah digunakan.
- Multiplatform artinya dapat dimengerti oleh banyak platform berbeda.
- Free
- W3C Standard
- Memiliki struktur yang pasti
Arsitektur HTML
- Client side
- Di parsing oleh browser
- Kode dapat dilihat oleh pengguna
Syntax Dasar HTML
Seperti yang sudah saya tuliskan sebelumnya, setiap elemen pada HTML didefiniskan dengan tag. Format penulisan tag adalah sebagai berikut:
<tag>...</tag>
Tag diawali dengan tag pembuka dan diakhiri dengan tag penutup. Semua halaman html ketika disimpan diakhiri dengan ekstensi .htm dan .html
Penulisan syntax pada HTML sifatnya tidak case sensitive artinya ditulis dengan huruf besar atau kecil akan terbaca sama. Setiap tag dapat diberi komentar, nah sikomentar ini tidak akan ditampilkan di halaman web. Penulisan komentar dilakukan sebagai berikut:
<!-- isi komentar -->
Struktur Dasar HTML
Gambar diatas menunjukkan struktur dasar penulisan HTML yang terdiri dari:
Pendefinisian versi HTML digunakan untuk memberitahu browser versi HTML yang kita pakai. Pendefinisian dituliskan pada bagian
DOCTYPE. Beberapa jenis DOCTYPE:
HTML 5
<!DOCTYPE HTML>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- Tag <html>, menunjukkan bahwa halaman tersebut adalah halaman HTML.
- Header HTML
Header menyediakan informasi mengenai dokumen yang dibuat. Yang dapat diletakkan pada header yaitu:
- <title></title> merupakan judul dokumen, akan muncul pada bagian paling atas browser
- <meta> digunakan untuk menspesifikasikan informasi mengenai data pada halaman HTML. Tidak akan terlihat pada tampilan. Meta memberikan informasi berupa: keyword, description, atau author
- <script> mendefinisikan client side scriting seperti javascript
- <style> menuliskan informasi penggayaan pada dokumen salah satunya CSS
- <link> memberikan informasi tentang tautan di luar dokumen
- Body HTML berisi tag yang kontennya akan ditampilkan di browser. Apa saja yang dapat ditampilkan pada body HTML? Saya akan tuliskan pada posting saya selanjutnya.
Terimakasih sudah membaca sampai selesai. Semoga bermanfaat.
Read More
