Penggunaan Tag Dalam HTML Dasar

Pada artikel sebelumnya kita telah membahas apa itu HTML dan persiapan alat tempur  yang dibutuhkan dalam belajar HTML dasar.  Sekarang saatnya kita masuk kedalam pembahasan utama yang sangat penting dalam belajar HTML yaitu Tag.

Pengertian Tag HTML

Tag HTML merupakan kode yang berfungsi sebagai penanda yang dibuat  untuk memberi tahu browser kegunaan text yang ditulis. Penulisan tag dalam HTML memiliki ciri diapit oleh tanda lebih kecil dan lebih besar (< . . . >) seperti contoh yang terdapat pada artikel Pendahuluan HTML Dasar.

<tag>Konten</tag>

Tag HTML terdiri dari tag pembuka dan tag penutup. Ciri  tag penutup adalah memiliki tanda (/) pada awalan tag. Namun tidak semua tag menggunakan tag penutup. Sehingga hanya membutuhkan tag pembuka saja

Tag Yang Umum Digunakan Dalam HTML

HTML memiliki cukup banyak jenis tag, namun pada artikel kali ini kita akan membahas beberapa tag yang umum digunakan saat belajar dasar html. untuk lebih jelasnya bisa mengunjungi w3schools.com/tags

TagKeterangan
<!– komentar –> Mendefinisikan sebuah komentar atau keterangan
<!DOCTYPE>Mendefinisikan tipe dokumen
<head>Mendefinisikan informasi konten
<body>Mendefinisikan isi konten HTML
<a>Mendefinisikan sebuah tautan
<p>Mendefinisikan sebuah paragraf
<h1> sampai <h6>Mendefinisikan HTML headings
<img>Mendefinisikan sebuah gambar
<table> Mendefinisikan tabel
<ul> Mendefinisikan list secara tidak terurut
<form> Mendefinisikan form HTML untuk input dat

Element Dalam Sebuah Tag

Satu element dalam HTML dimulai dari isi konten yang ada di tag pembuka hingga tag penutup.

<body> 
 <p> Hello World </p>
</body>

Pada contoh diatas bisa disebut sebagai element bersarang, karena element p berada didalam element body. Namun ada tag yang tidak bisa dibuat bersarang karena tidak bisa dijadikan sebagai induk element lainnya, yaitu seperti tag tanpa penutup seperti tag <input> .

Atribut Dalam Sebuah Tag

Atribut merupakan salah satu bagian yang terdapat dalam struktur tag HTML. Atribut berada di tag pembuka yang terletak setelah nama tag. Atribut terdiri dari 2 bagian yaitu nama atribut dan nilainya.

<p title="Dasar HTML"> Hello World </p>

Pada contoh diatas, tag HTML p memiliki atribut title yang memiliki nilai Dasar HTML. Fungsi title diatas adalah menampilkan judul paragraf saat menempatkan mouse anda diatas element tersebut.

Kesimpulan

Tag HTML merupakan kode pembuka dan penutup yang berfungsi sebagai penanda yang dibuat  untuk memberi tahu browser kegunaan text yang ditulis dalam tag tersebut.

Sumber:

w3schools.com/tags

Leave a Comment