Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / BELAJAR HTML / CODING / HTML / HTML PEMULA

Belajar HTML Dasar Part 6: Mengenal Struktur Dasar HTML

Posting Komentar
Belajar HTML Dasar Part 6: Mengenal Struktur Dasar HTML

Belajar HTML Dasar Part 6: Mengenal Struktur Dasar HTML - Di part sebelumnya anda telah belajar mengenai Tag, Element, dan Atribut pada HTML. Di part ini, mimin akan membahas tentang Mengenal Struktur Dasar HTML. 

HTML memiliki Struktur yang sangat penting dalam peran pemasangan Tag, Element dan Atribut. Kita tahu bahwa kode dalam syntax HTML Tag maupun Atribut itu wajib untuk di ketahui. Contoh misalnya ada sebuah project yang bersyntax HTML pelengkapnya adalah CSS dan JAVASCRIPT lain ceritanya dengan Struktur dasar HTML.

Tag inilah yang nanti wajib anda gunakan dalam sebuah project HTML. Untuk memanipulasi kode atau element yang anda sampaikan pada web browser. Web Browser akan membaca syntax HTML secara menyeluruh mulai dari Tag DTD atau <!DOCTYPE html>, Tag <html>, Tag <head>, Tag <title> dan Tag <body>.

Baca Juga : Apa itu DTD?

Sesuai intruksi Struktur dalam syntax HTML memiliki masing - masing fungsi dan fungsinya pun berbeda. Struktur ini dalam HTML di tulis dengan rapih. Nantinya akan menyibukan diri dengan adanya tag - tag lama menjadi baru di gunakan.

Contoh Struktur Dasar HTML yang wajib anda ketahui sebagai berikut:

<!DOCTYPE html>
<html>
  <head>
    <title>Isi Dengan Judul (bebas)</title>
  </head>
  <body>
     ..Isi dengan Tag, Element dan Atribut
  </body>
</html>

Contoh di atas wajib anda memahaminya,iap kali membuat atau membangun sebuah project HTML. Untuk pembelajaran sekarang mimin contohkan sedikit dan untuk memahaminya cek ulasan berikut:

Ulasan

Belajar HTML: Pengertian DTD Atau <!DOCTYPE html>

Tag ini adalah penanda untuk syntax html yang berfungsi memberikan labeling agar web browser tahu bahwa jenis syntax yang digunakannya apa.

Tag ini wajib anda gunakan saat anda mengeksekusi file berekstensi .html atau syntax HTML. diantara DTD diatas banyak sekali jenisnya bisa anda 

Baca Juga : Versi DTD Dalam syntax HTML

DTD pada Versi diatas adalah tanda syntax HTML 5. Pada Versi sebelum HTML 5 penulisan Kode sulit untuk di hapal. Contoh kodenya sebagai berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Ini adalah versi HTML, xHTML 1.0. sangat panjang memang namun setelah berkembangnya teknologi dan riset HTML berbeda pada versinya membuat html unggul dalam suatu project web, dan aplikasi.

Tag <html>

Setelah anda tahu dengan tag DTD, selanjutnya tag <html>. 

Tag yang berfungsi untuk membuka dokumen secara menyeluruh. Semua kode haruslah berada di dalam tag ini. Di mulai dari tag pembuka <html> sampai di akhir tag penutup </html>

Tag <head>

Tag ini di gunakan setelah tag <html>. di dalam tag ini terdapat beberapa tag seperti <title> atau memberi judul. Mengeksekusi CSS dan Jsvascript, dan memelihara <meta> penting dalam membangun sebuah project.

Tag <body>

Setelah selesai membangun dalam tag <head>< tag ini juga dapat memelihara tag lain, elemen dan atribut berisikan jalur desainnya seperti apa. Body atau badan sangat penting juga untuk memanipulasi kode CSS dan JAVASCRIPT. 

Tidak ada tag penanda ini project kalian tidak akan pernah berjalan secara itensif.

Kesimpulan

Anda mengerti keseluruhan Struktur HTML ini di buat akan membuat anda jatuh hati untuk belajar syntax ini. Karena, terlibat dalam arti seni desain. Anda mampu menjadi seorang front end developer.

Posting Komentar untuk "Belajar HTML Dasar Part 6: Mengenal Struktur Dasar HTML"