Pengenalan Tag Dasar HTML

Dipublikasikan oleh Muhammad Zen pada

Halo teman-teman semua. Pada materi kali ini kita akan membahas pengenalan tag dasar HTML. Tag dasar html adalah tag yang wajib kamu ketahui. Jadi semangat belajarnya ya. Ini dalah materi pertama. Jika mau lanjut kamu bisa kunjungi menu kursus.

Sebelum membahas pengenalan tag dasar htlm. Maka saya akan menjelaskan terlebih dahulu pengertian html. HTML adalah singkatan dari Hypertext Markup Language. Jadi html adalah bahasa markup. Tetapi bukan bahasa pemrograman.

Lalu kamu pasti bertanya apa fungsi html kan. Jadi sederhana nya html adalah bahasa untuk membuat tampilan di web. Sehingga jika tidak memakai html web tidak bisa tampil baik.

Sekarang kamu sudah tahu kalau pada aplikasi ada pahasa untuk tampilan (HTML). Maka ada pula bahasa untuk menangani logika. Yaitu bahasa pemrograman misalnya PHP.

Pengenalan Tag Dasar HTML

Sekarang mari kita berkenalan dengan tag dasar html. Perhatikan kode berikut.

<html>
  <head>
  	  <title>Judul di Tab</title>
  </head>
  <body>
    Keseluruhan Halaman
  </body>
</html>

Penjelasan:

  • tag <html> berpasangan dengan </html>.
  • <html> (dibaca tag buka html).
  • </html> (dibaca tag tutup html).
  • dan seterusnya

Dapat kita lihat semua tag html berpasangan bukan. akan tetapi ada tag html yang tunggal. contoh tag <br>. Nanti akan kita bahas di format tulisan.

Ada hal yang perlu kamu ingat. Yaitu untuk medapatkan efek dari tag maka kode atau tulisan harus diletakkan diatara tag buka dan tutup. contoh <title>Judul di Tab </title>. Begitu juga untuk seterusnya dimateri nanti.

Sifat-Sifat kode HTML

  • Kode html tidak mengenal enter. jadi, jika kamu sambung pun tidak masalah.
  • Kode html hanya mengenal satu spasi. Jadi seribu spasi di kode html pun, hanya dianggap satu.

Istilah-istilah Dalam Tag HTML

Berikut ini istilah yang perlu kamu ketahui.

No.IstilahKeterangan
1.Parent/ortutag <html> adalah parent dari tag <head> dan <body>
2.Child/anaktag <head> dan <body> adalah child dari tag <html>
4.Sibling/saudaratag <head> adalah sibling dengan tag <body>
5.Descendant/keturunanSemua yang ada dalam tag <html> adalah descendat dari tag <html>
Istilah-istilah di tag html.

Bagian Head

Bagian head ditandai dengan tag <head> sampai </head>. Bagian ini gunanya untuk meletakkan informasi seperti judu tab , css (akan kita bahas nanti) dan icon. Jadi orang sering meletakkan kode css di tag ini.

Bagian Body

Bagian body ditandai dengan tag <body> sampai </body>. Bagian body adalah bagian keseluruhan dari layar browser kecuali title bar dan addres bar. Perhatikan gambar berikut.

Bagian Body HTML
Bagian body ditandai area merah

Atribut Pada Tag HTML

Atribut bisa dikatakan pengaturan atau gaya tambahan dari sebuah tag. Tempat nya di tag buka. Formatnya nama_atribut=”value”. Contoh atribut yang ada pada tag body.

No.AtributContoh
1.bgcolorbgcolor=”green”
2.backgroundbackgroun=”url”
3.alinkalink=”blue”
4.vlinkvlink=”red”
5.texttext=”red”
tabel atribut tag <body>

Perlu anda ingat tidak semua tag memiliki atribut yang sama. Jadi artinya ada kemungkinan sama.

Contoh Penggunaan Atribut bgcolor <body>

Sekarang mari kita coba menggunakan atribut di tag buka body.

<html>
  <head>
  	  <title>Judul di Tab</title>
  </head>
  <body bgcolor="black">
    Keseluruhan Halaman
  </body>
</html>

Sebagai latihan coba kamu kerjakan tugas berikut. Untuk warna kamu bisa menggunakan warna dalam bahasa inggris. atau kode warna hexadecimal.

latihan tag dasar html

Sekian untuk materi kali ini. Jika kamu ingin kursus secara langsung, kami membuka kelas baru. Silahkan hubungi kontak kami di menu.


0 Komentar

Tinggalkan Balasan

Avatar placeholder

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *