Struktur Dasar HTML
Dalam setiap membuat dokumen HTML diperlukan beberapa aturan dalam penulisannya, ada beberapa tag yang harus anda tuliskan dan sudah menjadi ketentuannya dalam membuat file HTML. dibawah ini merupakan kode HTML yang pernah kita buat dalam latihan sebelumnya.
Syntak HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML</title>
</head>
<body>
<p>Selamat Datang di web saya</p>
</body>
</html>
Penjelasan
Bingung dengan pembahasan ini ? tenang akan saya jelaskan secara terperinci tentang kode tersebut.
- <!DOCTYPE html>
Tag ini adalah tag awal dari setiap dokumen HTML, tag ini bertujuan untuk menginformasikan kepada web browser kita bahwa dokumen yang kita buat itu berextensi HTML atau berformat HTML. tag ini harus kita cantumkan disetiap dokumen HTML yang kita buat.
- <html> _ </html>
Nah awal disinilah isi dokumen HTML,semua kode HTML yang anda buat akan ditulis di dalam tag ini. sebagai catattan tolong perhatikan bahwa setiap tag harus memiliki tag penutup seperti ( </html> )
- <head> - <head>
Tag ini digunakan untuk menyimpan berbagai informasi dengan dokumen HTML,
- <title> - </title>
Tag ini bertugas untuk menampilkan teks pada judul browser atau pada bagian tab browser yang kita pakai untuk membuka dokumen HTML
- <body> - </body>
Tag ini bertugas untuk menampilkan apapun yang kita isi didalam tag tersebut, tag <body> merupakan tag pembuka dari badan dokumen HTML
Setiap pembuatan kode HTML diawali dengan tag pembuka maka harus diakhiri dengan tag penutup. lalu apakah dalam penulisan kode HTML harus sama seperti contoh diatas ? sebenarnya anda bisa saja menulis kode HTML seperti ini :
<!DOCTYPE html> <html> <head> <title>HTML</title> </head> <body> <p> Selamat Datang di web saya </p> </body> </html>
sekalipun anda menuliskan kode seperti itu akan tetap saja yang anda dapatkan sama tampilannya dibrowser sesuai dengan contoh yang awal, akan tetapi anda akan kesulitan apabila membaca kode HTML dan menambahkan kode jika kode tersebut puluhan baris bahkan ratusan baris, nah gimana tuh ? makanya untuk itu kita bisa menambahkan identitas, disetiap isi dari setiap tag, misalnya,
<head>
<title> Judul </title>
</head>
ini menandakan bahwa tag title berada di dalam tag head, selain itu kita bisa mengetahui apakah setiap tag sudah ditutup ataupun belum diberi tag penutup.
Sekian dari saya, semoga bermanfaat, Terimakasih
Comments
Post a Comment