Tutorial Belajar HTML

Cara Membuat dan Memahami Struktur Dasar HTML

Written by adies

Pada kesempatan ini saya masih membahas tentang tutorial belajar HTML Dasar, dimana pada tutorial belajar html dasar sebelumnya kita sudah membahas tag, element dan atribut dalam html, kali ini saya akan mencoba membahas tentang Struktur Dasar HTML

Struktur Dasar HTML

Tutorial Belajar HTML Dasar Mengenal Struktur Dasar HTML ini wajib dipelajari untuk pemula, kenapa karena dalam membuat script html atau code html kita akan selalu memakai struktur html.
Halaman HTML semuanya memiliki struktur, dimulai dari DOCTYPE, tag html, tag head, dan tag body. struktur ini harus ada dalam halaman HTML.

belajar-html-09
seperti apa bentuknya, lihat contoh berikut ini

<!DOCTYPE html>
<html>
<head>
<title>Title/Judul</title>
</head>
<body>
<h1>Ini Heading</h1>
<p>Selamat Memulai Belajar HTML</p>
</body>
</html>
Info Penting...!
Pada kotak diatas silakan di klik Jalankan untuk melihat hasil dari script, atau download file htmlnya dan jalankan di komputer anda, kalau kode mau di edit juga bisa kemudian jangan lupa untuk klik jalankan agar hasil dari editan anda bisa terlihat.

Pengertian DOCTYPE

Baris pertama pada halaman html pasti selalu dihuni oleh DOCTYPE, DOCTYPE adalah Document Type, <!DOCTYPE HTML> ini menandakan bahwa dokumen ini adalah Dokumen HTML.

Contoh Penulisan Doctype

karena HTML memiliki beberapa versi dan hampir setiap updatetan HTML merubah penulisan DOCTYPE nya berikut contoh penuliasan doctype html berdasarkan versi

HTML5

<!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”>
dari contoh diatas versi html5 memiliki doctype yang paling mudah di ingat karena pendek.

Tag <html>

dalam struktur html setelah doctype akan ada tag <html>, tag html ini menandakan bahkan kode-kode yang ditulis di dalamnya adalah kode HTML, penulisannya <html> dan ditutup </html>.

Tag <head>

tag head berfungsi untuk menampung isi dari css, javascript, dan di tag head ini juga berisi tag title, yaitu judul dari halaman yang tampil di atas browser.

Tag <body>

tag body berguna untuk informasi yang ingin dimunculkan diletakkan di bagian ini, tag body inilah yang diisi untuk membuat web.
semua tag baik tag html, head, body membutuhkan tag penutupm, untuk menutup tag ini tinggal masukan tang “/” sebelum nama tag.
struktur dasar ini masih struktur dasar yang paling awal, didalam tag-tag ini akan berisi tag html lainnya yang diperlukan untuk membuat sebuah halaman yang bisa menampilkan baik text gambar maupun link.
untuk itu jika anda ingin bisa membuat website setidaknya kita harus memperbanyak belajar tag-tag html, dan jangan lupa untuk membaca tutorial kita selanjutnya yaitu membuat paragraf dalam halaman html dengan tag <p>

About the author

adies

Ada Komentar?

×