Struktur Dasar HTML
HTML adalah bahasa pemrograman yang digunakan untuk membuat halaman web. Halaman web yang kita buat akan berhasil tampil di browser jika scriptnya ditulis dengan benar. Oleh sebab itu kita harus mempelajari aturan penulisan dokumen HTML yang benar. Nah seperti apakah struktur dasar HTML yang seharusnya kita buat? Yuk kita belajar bersama disini.
Tag-Tag Dasar
Dokumen HTML terdiri tag, atribut, dan value-nya. Bila diibaratkan, tag itu seperti piring, atributnya adalah makanan, dan valuenya adalah nasi. Jadi, ketika kita membuat sebuah dokumen HTML maka kita perlu memikirkan dan membayangkan tampilan dari halaman web yang akan kita buat. Bahkan sangat penting jika kita membuat sebuah sketsa gambar halaman web yang akan kita buat. Ini adalah implementasi dari tahapan planning atau perencanaan yang merupakan langkah awal dalam SDLC (Software Development life Cycle).
Ada beberapa tag dasar yang harus diketahui oleh seorang pemula:
1. Tag HTML
Tag HTML digunakan untuk membungkus dokumen HTML. Artinya semua komponen halaman web harus diletakkan di dalam tag HTML
2. Tag HEAD
Tag Head digunakan untuk mendefinisikan bagian atas (kepala) dari sebuah dokumen HTML. Elemen-elemen yang bisa ditambahkan antara lain tag Title dan tag Link.
3. Tag TITLE
Tag Title digunakan untuk membuat judul halaman web, misalnya untuk halaman pembuka biasanya orang menggunakan judul Beranda atau Homepage. Untuk judul halaman lainnya bisa menyesuaikan dengan konten dari halaman tersebut.
4. Tag BODY
Tag Body adalah penampung dari konten atau isi halaman web. Konten halaman web sendiri bisa berupa teks maupun file media seperti gambar, audio dan video.
Contoh dokumen HTML:
Bila ditayangkan di browser, hasilnya akan tampak seperti berikut:
Hello World
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.
Leave a Comment