Struktur Dasar Dokumen HTML

HTML yang merupakan singkatan dari Hypertext Markup Language adalah sebuah bahasa yang digunakan untuk membuat halaman web.

Biasanya, bahasa tersebut digunakan untuk menampilkan berbagai macam informasi di internet.

Struktur Dasar Dokumen HTML

HTML

Setiap dokumen HTML memiliki struktur dasar atau susunan file sebagai berikut :

<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Berupa artikel, bisa diisi dengan teks, gambar, atau apapun yang tampil pada dokumen Web.
</body>
</html>

Penjelasan

  1. Tag <html> berfungsi untuk memberitahukan bahwa dokumen yang dibuat merupakan HTML
  2. Tag <head> berfungsi untuk memberi kepala/atas, atau biasanya disebut sebagai header dari sebuah dokumen HTML
  3. Tag <title> berfungsi untuk memberi nama atau judul halaman web yang dibuat menggunakan HTML
  4. Tag <body> merupakan tubuh dari dokumen HTML yang bisa anda isi dengan artikel yang anda sukai

Semua tag seperti tag <html> harus ditutup dengan tag </html>, tag <head> ditutup dengan </head> dan begitu lakukan yang lain pada tag yang sama seperti contoh di atas.

Cara Menuliskan Bahasa HTML

  1. Kalian bisa menggunakan beberapa aplikasi kode editor untuk menuliskan bahasa HTML, seperti :
    1. Atom
    2. Dreamweaver
    3. Notepad
    4. Notepad++
    5. Sublime Text
    6. Visual Studio Code
    7. dan lain sebagainya
  2. Lalu tuliskan dokumen HTML secara lengkap dari tag <html> hingga tag </html> seperti contoh di atas, urut mulai dari atas sampai bawah.
  3. Setelah kode selesai ditulis, maka save bahasa tersebut dengan nama "index.html". Ingat, ekstensi yang dipakai adalah .html.
  4. Lalu untuk mencoba membuka atau menjalankan kode tersebut, klik kanan file tersebut, lalu open with firefox. Atau jika suka menggunakan Chrome, maka bisa pilih opsi open with chrome.

2 Responses to "Struktur Dasar Dokumen HTML"

  1. makasi infonya gan..

    bagi agan yang berminat belajar membuat web bisa dilihat di situs berikut ini Kursus Web Design

    ReplyDelete
  2. terimakasih ilmunya yang anda bagikan semoga manfaat buat kita semua dunia maupun akhirat,amien3


    ReplyDelete

KEREN! Teman-teman di sekitar kita telah berkomentar sebanyak lebih dari 1000 komentar! Sekarang giliran kalian! Ayo berkomentar!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel