Pengetahuan
pertama tentang HTML yang harus kamu miliki adalah struktur dari HTML. Struktur
HTML ini dapat kamu ibaratkan seperti Hamburger. Pernah makan? Kalau belum,
kamu akan melihat roti bulat yang ditumpuk-tumpuk dengan isi sayuran
didalamnya.Struktur HTML ini mirip seperti Hamburger, sayuran yang dijepit oleh
roti tersebut adalah isi dari kedua tag HTML yang menjepitnya. Apa itu tag?
Sekarang
kita langsung lihat saja pada struktur sederhana dari HTML. Di bawah ini adalah
struktur dasar suatu file html, view plaincopy to clipboardprint?
1. <html>
2. <head>
3. <title> Sedang Belajar
</title>
4. </head>
5. body>
6.
7. aku belajar html nih ..
8.
9. </body>
10. </html>
kode yang dimulai
dengan tanda "<" dan diakhiri dengan tanda ">" (tanpa
tanda kutip) merupakan tag-tag HTML. Tag-tag ini menandai bagian-bagian pada
halaman situs agar ditampilkan sesuai dengan standar tampilannya. Tag HTML
dasar adalah yang kalian lihat diatas, yaitu html, head, dan body, inilah roti
dari hamburger kita, mereka masing-masing menjepit isinya. Perhatikan kode
paling atas dan paling bawah, yaitu
view plaincopy to
clipboardprint?
1. <html>
Dan
view plaincopy to
clipboardprint?
1. </html>
Kedua
tag tersebut adalah tag utama dari HTML, segala yang terdapat dalam tag ini
adalah bagian dari html. Berikut
ini adalah penjelasan singkat mengenai tag dasar diatas. Tag <head> dan
</head> digunakan untuk meletakkan informasi-informasi penting yang tidak
ditampilkan oleh browser sehingga ketika kita tidak akan melihatnya pada
halaman situs. Tulisan didalam <head> dan </head> hanya dapat
dilihat apabila kita mengklik 'View Source' pada browser Internet Explorer,
atau 'View Page Source' pada Mozilla Firefox. Keduanya dapat ditemukan dengan
klik kanan pada halaman situs yang dilihat. Tag <head> ini umumnya berisi
judul (tag <title> dan </title>) dari halaman situs dan beberapa
informasi tambahan lainnya.
Tag
<body>dan </body> adalah isi dari halaman situs. Disini tulisan,
gambar, tabel, kalian akan ditampilkan di browser. Itulah mengapa tag ini
disebut body atau badan. Ada banyak tag-tag HTML lain yang bisa ditampilkan
disini misalnya <img> untuk menampilkan gambar, <p> untuk menampilkan
paragraf, <table> untuk menampilkan tabel, dan masih banyak lagi. Tag-tag
ini dapat kalian temukan definisinya dan cara pemakaiannya pada pembahasan
khusus tag.
Satu
hal mendasar lagi yang harus kalian ketahui dalam membangun situs kalian menggunakan
html adalah atribut. Atribut berbeda dengan tag, atributadalah keterangan untuk
tag. Misalnya untuk tag body ada beberapa atribut seperti bgcolor, dan
background. Contohnya seperti dibawah ini:
1. <html>
2. <head>
3. <title>Sedang Belajar</title>
4. </head>
5. <body bgcolor=red>
6.
7. aku belajar html nih ..
8.
9. </body>
10. </html>
Atribut
bgcolor=red artinya adalah, "Tampilkan latar belakang merah pada halaman
situs..". Sehingga latar belakang dari halaman yang kalian buat akan
berwarna merah. Atribut-atribut yang lain dapat kalian temukan pada bagian tag
yang bersangkutan.
Tidak ada komentar:
Posting Komentar