HTML Basic

Pada Chapter ini kita akan berfokus ke dasar dalam memahami HTML

HTML Basic
  1. Semua HTML Document harus dimulai dengan deklarasi tipe document:<!DOCTYPE html>
  2. telah deklarasi tipe dokumen maka dilanjutkan dengan tag element root html: <html> dan ditutup dengan </html>
  3. setelah itu dokumen HTML dibagi menjadi 2 yaitu area untuk header dan body, mereka dibedakan menggunakan tag<head> ... </head> untuk header dan tag<body> ... </body> untuk body

Berikut merupakan contoh sederhana  dari basic HTML

mari melakukan analisis untuk memahami contoh diatas


Tag <!DOCTYPE> dan <HTML>

pada contoh diatas terdapat tag <!DOCTYPE> dan <html>, tag doctype digunakan untuk mendeklarasikan bahwa dokumen ini merupakan html , dan tag html menandai node yang digunakan dalam HTML , jadi sepanjang suatu markup terdapat diantara <html> dan </html> mereka akan di anggap sebagai dokumen HTML.

Tag <HEAD>

tag head merupakan tag digunakan untuk menandai node sebagai header pada dokumen html , biasa nya didalam head tidak terdapat suatu element yang akan ditampilakan pada dokumen html.

Tag <TITLE>

tag title merupakan tag yang digunakan untuk menampilakan title dari dokumen html ke browser,biasanya caption / title program browser akan tergantung dari isian tag title.

Tag <BODY>

tag body merupakan tag yang digunakan unutk menandai node sebagai body/badan dari suatu dokumen yang berisikan elemen untuk ditampilkan kepada user.

Tag <h1>

h1 merupakan salah satu tag header yang biasanya digunakan dalam menampilkan judul dokumen, tag h1 memiliki variasi dari h1 hingga h6 yang dengan indikasi semakin besar angka pada h , maka semakin banyak subheader, h1 = header , h2 = subheader 2 , h3 = subheader 3 , dst.

Tag <p>

p merupakan kependekan dari paragraf , tag p biasa digunakan untuk menampilkan teks paragraf.

Tag Close </x>

hampir pada setiap tag dihtml memiliki close tag seperti <html> dengan </html>  dan <p> dengan </p> , nilai diantara open tag dan close tag biasa disebut label konten , biasa berisikan isi dari tag , misal pada tag <h1>hello</h1> menandakan header berisikan konten "hello"