Belajar HTML Dasar : Gambaran Dasar HTML

0
162

HTML adalah singkatan dari Hypertext Markup Language, dan ini adalah bahaasa yang paling banyak digunakan untuk menulis Halaman Web.

  • Hypertext mengacu pada cara di mana halaman web (dokumen HTML) dihubungkan bersama-sama. Jadi, tautan yang tersedia di halaman web disebut Hypertext.
  • Seperti namanya, HTML adalah Markup Language yang berarti Anda menggunakan HTML untuk sekadar meng-“mark-up” dokumen teks dengan tag yang memberi tahu browser Web cara menyusunnya untuk ditampilkan.

Awalnya, HTML dikembangkan dengan maksud mendefinisikan struktur dokumen seperti judul, paragraf, daftar, dan sebagainya untuk memfasilitasi berbagi informasi ilmiah antara peneliti.

Sekarang, HTML banyak digunakan untuk memformat halaman web dengan bantuan berbagai tag yang tersedia dalam bahasa HTML.

Dasar Dokumen HTML

Dalam bentuk sederhananya, berikut ini adalah contoh dokumen HTML –

<! DOCTYPE html>
<html>
   <head>
      <title> Ini adalah judul dokumen </ title>
   </head>

   <body>
   <h1> Ini adalah heading </ h1>
   <p> Konten dokumen ada di sini ..... </ p>
   </body>

</html>

Ini adalah heading

Konten dokumen ada di sini …..

HTML Tags

Seperti yang dikatakan sebelumnya, HTML adalah bahasa markup dan menggunakan berbagai tag untuk memformat konten.

Tag-tag ini diapit oleh kurung sudut <Nama Tag>. Kecuali beberapa tag, sebagian besar tag memiliki tag penutup.

Misalnya, tag <html> memiliki tag penutup </ html> dan <body> memiliki tag penutupnya </body>, dll.

Contoh dokumen HTML di atas menggunakan tag berikut –

No. Tag & Deskripsi
1 <! DOCTYPE…>

Tag ini menentukan jenis dokumen dan versi HTML

2 <html>

Tag ini membungkus dokumen HTML lengkap dan terutama terdiri dari header dokumen yang diwakili oleh <head> … </ head> dan badan dokumen yang diwakili oleh tag <body> … </ body>.

3 <head>

Tag ini mewakili judul dokumen yang dapat menyimpan tag HTML lain seperti <title>, <link> dll.

4 <title>

Tag <title> digunakan di dalam tag <head> untuk menyebutkan judul dokumen.

5 <body>

Tag ini mewakili tubuh dokumen yang menyimpan tag HTML lainnya seperti <h1>, <div>, <p> dll.

6 <h1>

Tag ini mewakili judul dalam tubuh konten.

7 <p>

Tag ini mewakili sebuah paragraf.

Untuk mempelajari HTML, Anda perlu mempelajari berbagai tag dan memahami bagaimana tag ini bekerjau, saat membentuk sebuah dokumen.

World Wide Web Consortium (W3C) merekomendasikan untuk menuliskan tag menggunakan huruf kecil mulai dari HTML 4.

Struktur Dokumen HTML

Dokumen HTML biasa akan memiliki struktur berikut –

<html>
   <head>
      Dokumen yang terkait dengan tag header
   </head>
      <body>
      Dokumen terkait tag terkait
      </body>
</html>

Kita akan mempelajari semua tag header dan tag body di bab-bab selanjutnya, tetapi untuk sekarang mari kita lihat apa itu tag untuk deklarasi dokumen.

Deklarasi <! DOCTYPE>

Tag deklarasi <! DOCTYPE> digunakan oleh browser web untuk memahami versi HTML yang digunakan dalam sebuah dokumen. Versi HTML saat ini adalah versi 5 dan menggunakan deklarasi berikut –

<! DOCTYPE html>

Ada banyak jenis deklarasi lain yang dapat digunakan dalam dokumen HTML tergantung pada versi HTML yang digunakan.

Kita akan melihat secara detail tentang ini saat mendiskusikan tag <! DOCTYPE …> bersama dengan tag HTML lainnya.

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.