Label:
Desain Web,
HTML
Dasar HTML |
Ini adalah postingan pertama yang saya buat, saya sangat terinspirasi dengan kode karena belajar kode itu sangat menantang bagi orang yang awam seperti saya. Kode merupakan sebuah tulisan aneh yang sulit untuk dihafal kalau saya privasi lebih baik menghafal Al-Qur'an dari pada menghafal Kode :) tetapi lebih baik juga menghafal Al-Quran disampingi dengan menghafal Kode. Postingan awal saya ini sebagai perkenalan Dasar HTML saya akan menjelaskan apa itu HTML dan apa saja yang dibutuhkan untuk membuat sebuah halaman web?
HTML dan XHTML
HTML (Hypertext Markup Language) merupakan sebuah bahasa markup, bukan bahasa pemrograman. Bahasa markup (Indonesia: markah) adalah bahasa yang mengombinasikan antara teks dan informasi tambahan mengenai teks tersebut. HTML merupakan dokumen standar yang digunakan untuk membuat halaman web. Pada awal tahun 2000, W3C (World Wide Web Consortium) membuat perubahan besar melalui XHTML (eXtensible Hypertext Markup Language). Ide dasarnya, dalam upaya meningkatkan kompatibilitas dokumen HTML, W3C menambahkan struktur dan ekstensibilitas XML (eXtensible Markup Language) ke HTML.
Struktur Dokumen HTML
Setiap dokumen HTML harus diawali dengan tag <html> sebagai tag pembuka dan diakhiri dengan tag </html> sebagai tag penutup. Dokumen HTML juga menyertakan tiga pasang tag.
- Tag <head> dan </head>: digunakan untuk menyatakan informasi mengenai dokumen HTML.
- Tag <title> dan </title>: digunakan untuk menambahkan title di title bar browser.
- Tag <body> dan </body>: digunakan untuk melingkupi semua teks yang terdapat di halaman HTML bisa disebut juga statement atau isi.
Selain elemen utama di atas, masih terdapat berbagai macam jenis elemen yang dapat digunakan di dalam dokumen HTML. Salah satunya elemen yang perlu diperhatikan adalah untuk penulisan komentar di HTML. Cara penulisan komentar dengan tag pembuka <!-- dan diakhiri dengan tag penutup -->
Persiapan
Pada praktikum pembuatan dokumen HTML tidak hanya diperlukan dengan instalasi aplikasi web server dikarenakan pada praktikum Dasar HTML ini kita hanya akan membuat sebuah dokumen Web Statis. Pasti banyak yang bingung apa itu Web Statis dan Apa bedanya Web Statis dan Web Dinamis? Sangat berbeda berikut penjelasannya. Web Statis merupakan situs web yang mana pengguna tidak bisa mengubah konten dari web tersebut secara langsung dan Web Statis tidak dimaksudkan untuk diperbarui secara berkala sehingga pengaturan ataupun pemutakhiran isi situs web tersebut dilakukan secara menual. Sedangkan Web Dinamis merupakan pengguna bisa mengubah konten secara langsung, dan Web Dinamis bisa disebut situs web yang secara spesifik didesain agar lebih mudah untuk diperbarui secara berkala. Berikut aplikasi yang digunakan untuk membuat halaman web statis dengan HTML.- Teks Editor untuk menuliskan Source code HTML. Aplikasi yang dapat digunakan adalah : Adobe Weaver, Notepad, Notepad ++ dan Sublime.
- Web Browser yang umum digunakan adalah Mozilla Firefox atau Google Chrome.
1. Berkomentarlah yang baik dan sopan
2. Berkomentarlah dengan kata-kata yang bermutu
3. Jangan berkomentar hal yang negatif