Pengenalan dan Penggunaan Tag, Elemen, dan Atribut dalam HTML

HTML (Hypertext Markup Language) adalah bahasa dasar yang digunakan untuk membangun halaman web. Dalam pemrograman web, pemahaman tentang tag, elemen, dan atribut HTML sangat penting karena merupakan komponen fundamental dalam penulisan kode HTML. Artikel ini akan menjelaskan secara mendalam tentang ketiga aspek tersebut.

Oct 28, 2024 - 09:41
Oct 28, 2024 - 09:58
 0  30
Pengenalan dan Penggunaan Tag, Elemen, dan Atribut dalam HTML

Setelah sebelumnya kita membahas tentang Pengenalan HTML, Text Editor. kini kita akan memasuki tutorial pengenalan dan penggunaan Tag, Element dan Atribut dalam HTML. Ketiga pembahasan ini merupakan dasar dalam penulisan kode HTML atau dasar dari seluruh tampilan halaman web yang ada di internet.

 

Tag HTML

Tag merupakan kode yang digunakan untuk memperkenalkan pada web browser untuk apa text HTML yang ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web browser. baik text itu berupa list, paragraf, link dan sebagainya. disinilah di gunakan tag. dalam penulisan tag, hampir semua menggunakan pembuka dan penutup tag, dimana objek yang di maksudkan berada diantara pembuka dan penutup tag. berikut penulisan tag yang digunakan dalam HTML

<tag> Objek yang diisi </tag>

Perbedaan antara tag pembuka dan tag penutup yaitu, pada tag pembuka diawali kurung sudut pembuka dan di akhiri dengan kurung sudut penutup (< >), sedangkan pada tag penutup,diawali dengan kurung sudut pembuka, backslash, dan diakhiri dengan penutup kurung sudut (</>).

 

jenis tag yang sering digunakan dalam html

 

berikut beberapa jenis tag yang akan sering anda jumpai kalo di web programing :

 

Tag

Fungsi

<!– ….–>

Digunakan untuk memberi sebuah komentar atau keterangan

 

<!DOCTYPEhtml>

 

digunakan untuk Mendefinisikan tipe document HTML5

 

<a>link</a>

Mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain (membuat link)

.<b> .. </b>

membuat teks menjadi tebal

<p> .. </p>

membuat pargraf

<h1> .. </h1>

membuat heading satu

<h2> .. </h2>

membuat heading dua

<body>

mendefinisikan body/isi dokument html

<head>

mendefinisikan bagian kepala dokumen html

<title>

memdefiniskan judul halaman

<div>

mendefinisikan halaman

<link>

mendefinisikan hubungan antar dokumen

<script>

Mendefinisikan client-side script

<table>

mendefinisikan table

<th>

Mendefinisikan sel header di dalam sebuah table

 

<td>

Mendefinisikan sel di dalam sebuah table

<tr>

Membuat baris di dalam sebuah table

<ul>

Mendefinisikan daftar dalam format bullet

<li>

mendefinisikan list

Element HTML

Element pada HTML merupakan isi atau objek yang berada pada tag. maksudnya, isi yang ada diantara tag pembuka dan tag penutup di sebut dengan elemen misalkan :

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<strong><h2>Pengenalalan atribut HTML</h2></strong>
</body>
</html>

pada contoh diatas <h2> adalah heading dua <h2> merupakan element h2 dan isinya ini adalah heading dua. dalam element ini bisa berupa text ataupun tag lain misalnya <link> dan sebagainya.

 

Atribut pada HTML

Atribut merupakan informasi tambahan yang digunakan di dalam tag pembuka. informasi ini bisa berupa instruksi untuk memberikan efek warna, ketebalan, dll. atribut bisanya memiliki 2 bagian yaitu nama dan nilai, dapat ditulis dengan ( name=”value” ). penulisan nilai/value diapit oleh dua tanda kutip (bisa digunakan kutip satu atau kutip dua).

Penulisan atribut pada HTML diawali dengan penulisan tag, didalam tag berikan atribut dan element dari tag itu sendiri berikut contoh penulisan atribut pada HTML :

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h2 align="center">Pengenalalan atribut HTML</h2>
</body>
</html>

 

Perhatikan pada syntax di atas :

 

  •  <h2> adalah tag heading 2
  • align adalah nama dari atribut
  • center adalah nilai/value dari atribut
  •  “Pengenalan atribut HTML” adalah element dari tag h2

 

Tidak semua tag ini membutuhkan atribut di dalamnya, namun bagi anda yang bergelut di web programing akan sering menjumpai tag yang didalamnya terdapat atribut.

What's Your Reaction?

like

dislike

love

funny

angry

sad

wow

Intiesensi Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.