Struktur Dasar HTML

1. Pengertian
     Hypertext Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

2. Struktur Dasar HTML
     Dalam membuat halaman HTML Harus memiliki Struktur dasar yaitu: tag DOCTYPE, tag html, tag head, dan tag body. meskipun dtruktur HTML tidak hanya terdiri dari struktur tersebut. secara sederhana HTML teridiri dari header dan body, yang diawali dengan penulisan <!DOCTYPE html> Kemudian Tag Pembuka <html> dan tag Akhir/Penutup </html>.

3. Penulisan Dasar Struktur HTML
<!DOCTYPE html>
  <html>
<head>
<title>Judul Dokumen</title>
</head>
    <body>
     <p>Ini adalah isi dari dokumen</p>
   </body>
</html> 

Secara umum penulisan tag terdiri dari tag pembuka dan tag penutup, dari contoh diatas dapat dijelaskan sebagai berikut :
  • DOCTYPE adalah singkatan dari document type Declaration yang berfungsi untuk memberitahu kepada browser bahwa dokumen yang akan diproses adalah HTML.
  • Tag <html> adalah tag pembuka dari keseluruhan halaman web. semua code HTML tersebut harus berada didalam tag ini. dimulai dengan <html> dan ditutup dengan </html>.
  • tag <head> adalah tag yang umumnya berisi tentang definisi halaman, code CSS, Javascript, dan code yang lain. code tersebut tidak akan ditampilkan di web browser.
  • Tag <title> adalah tag yang digunakan untuk menampilkan judul dari halaman web yang akan dibuat. tag ini diawali dengan <title> dan akhiri/tutup dengan tag </title>. penempatan tag ini harus berada didalam tag <html>.
  • tag <body> adalah tag yang didalamnya dapat diisi dengan elemen-elemen yang akan ditampilkan dalam halaman web seperti gambar, paragraf, link , dll. tag ini diawali dengan <body> dan ditutup dengan </body>
4. berikut adalah hasil dari contoh penulisan HTML pada web browser.

Sekian postingan kali ini jika ada kesalahan mooh maaf. semoga postingan yang saya share dapat berguna aamiin.

referensi:
https://id.wikipedia.org/wiki/HTML

Subscribe to receive free email updates:

0 Response to "Struktur Dasar HTML"

Post a Comment