Belajar Html #1.Struktur dasar Html
Assalamualaikum wr wb
Kembali lagi di tutorial Html untuk pemula, kali ini kita akan membahas
mengenai struktur dari Html, apa saja yang akan kita bahas, mari kita simak
berikut ini.
Struktur dasar Html
Pada dasarnya struktur dasar html itu terdiri dari dua bagian
yakni bagian head dan body yg dibungkus antara tag html.
 |
Struktur dasar html
|
Seperti gambar diatas. Bagian tag pada html mirip seperti sandwich dan
tag penutup pada html biasa ditandai dgn tanda slash "/" pada akhir tag nya..
lantas apa saja fungsi dari si tag head dan body ini? Untuk itu mari kita
simak uraian berikut ini.
Fungsi tag head
Secara umum tag <head> berfungsi untuk menampung metadata atau deskripsi
dari sebuah data, dan tag ini ditempatkan diantara tag <html> dan
<body>
Metadata ini bisa berupa data dari sebuah dokumen html yang berupa deskripsi
dokumen, definisi judul, karakter set, style halaman, keyword dan sebagainya.
Tag yang bisa menjadi element pada tag head
<title> wajib untuk setiap file html- <Style>
- <base>
- <link>
- <meta>
- <script>
- <noscript>
Definisi tag title
Tag ini umumnya digunakan untuk memberi nama sebuah halaman pada tab di web
browser kalian, tag title hanya bisa diisi oleh teks saja tanpa disertai
gambar atau link didalamnya, tag ini diperlukan pada setiap file Html.
Element dari title ini sangat diperlukan untuk SEO (search engine
optimisation) karena digunakan dalam algoritma search engine.
Hal yang perlu diperhatikan dalam penulisan title
Jangan membuat judul terlalu panjang lebih dari 60 karakter
seperti pada gambar di atas, judul yang terlalu panjang tidak baik untuk
sebuah tampilan web karena tidak semua isi judul tersebut ditampilkan dalam
tab browser anda maka dari itu usahakan lah membuat judul sesederhana mungkin
yang tidak terlalu panjang dan terlalu pendek.
Buatlah judul seakurat mungkin dengan isi web
Hal ini juga perlu diperhatikan apabila ingin membuat sebuah website. Pasalnya
tak sedikit user yang meninggalkan suatu website dikarenakan konten yang
kurang relevan dengan kebutuhan pembaca, so pastikan agar judul halaman mu
sesuai ya..
Catatan :Tag title tidak bisa dibuat lebih dari satu tag dalam satu
dokumen.
Fungsi tag body
Fungsi dari tag <body> adalah untuk menampilkan isi
dari dokumen Html pada browser. Jika isi dari tag
<head> tidak ditampilkan. Maka tag body adalah kebalikannya.
Tag ini bisa menampung seluruh elemen yg ditampilkan pada browser
seperti paragraf, teks, gambar, link, list, tabel, dan lain-lain, perlu
diingat juga bahwa tag <body> hanya boleh ada satu disetiap file
Html.
Nah mungkin itu saja pembahasan kita mengenai Struktur Html, mudah mudahan
bermanfaat untuk kalian yang lagi belajar tentang pemrograman web. Kami akan
terus update lagi perkembangan artikel ini jadi mohon maaf jika ada yang
kurang, Sekian, Wassalamu'alaikum wr wb.
