Belajar HTML : Struktur Dasar Pada HTML #2

Struktur Dasar Pada HTML

Setelah sebelumnya kita mengetahui Dasar HTML dan sejarah singkatnya saat ini kita akan membahas Struktur Dasar Pada HTML

Berikut adalah contoh sederhana pengetikan kode HTML
HTML memiliki 3 Struktur penting yaitu :

<!DOCTYPE HTML>
<html>
    <head>
        <title>Selamat Datang</title>
    </head>
    <body>
	<h1>Belajar HTML</h1>
        <p>Halo Semua Selamat Belajar Di sirawang.com</p>
    </body>
</html>

1. Deklarasi HTML
    
    Bagian ini berisi tag deklarasi untuk menyatakan tipe dokumen dan versinya. Yang saat ini kebanyakan digunakan adalah HTML 5 yang menggunakan tag deklarasi 
<!DOCTYPE HTML> tag deklarasi ini berbeda beda di setiap versinya 


    Lalu selanjutnya terdapat tag html <html> yang berada di awal setelah tag deklarasi dan </html> di bagian paling akhir sebagai penutup kode html.Lalu di dalam tag <html> ini terdapat kode <head> dan juga <body>

2. Head

    Kode-kode yang ada di antara <head> dan </head> berfungsi untuk memberikan informasi tambahan kepada browser, untuk contoh di atas misalnya ada <title> yang artinya memberikan informasi ke browser bahwa halaman web yang dibuat ini memiliki judul Selamat Datang.Kalian bisa mencobanya sendiri 

Baca Juga : 

    Lalu di dalam Head ini juga biasanya diletakkan tag-tag yang akan dibaca oleh mesin.

Seperti:

  • Tag meta untuk SEO
  • sumber kode CSS dan Javascript
  • tempat meletakkan css dan javascript
  • dan lain-lainnya

3. Body

    Bagian body berisi bagian yang nantinya akan di tampilkan di halaman atau isi dari kode HTML Di sinilah juga nanti kita akan banyak menuliskan konten dengan berbagai macam tag.seperti dalam contoh di atas di dalam <body> dan </body> terdapat tag <p> yang digunakan untuk membuat paragraf dan juga <h1> yang berarti heading atau judul dan angka 1 sebagai ukuran semakin besar angkanya semakin kecil ukuran tulisan yang dihasilkan 


Itulah struktur penting yang ada pada HTML semoga bisa dimengerti jika ada pertanyaan silahkan tuliskan di kolom komentar.sampai disini saja pada kali ini terkait struktur dasar pada HTML

Komentar

Archive

Formulir Kontak

Kirim