Belajar HTML Sesi 2: Mengenal Tag, Element, dan Attribute pada HTML

Belajar HTML Sesi 2: Mengenal Tag, Element, dan Attribute pada HTML – Semoga anda terbantu dengan isi dari Postingan ini. Setelah anda membaca artikel tentang Pengertian dan Fungsi HTML pada Belajar HTML Sesi 1, sekarang kita akan memasuki tutorial sesi 2 yang akan membahas tentang “Mengenal Tag, Element, dan Attribute pada HTML“. Tanpa basa basi yuk di simak selengkapnya tentang Mengenal Tag, Element, dan Attribute pada HTML.

HTML Tag

Tag merupakan sebuah kode yang akan digunakan untuk mengenalkan kepada aplikasi web browser dengan masing-masing fungsi tag yang ada. HTML membutuhkan sebuah tag karena HTML ingin mengenalkan kepada web browser apa saja yang ditulis didalam file yang berekstensi .html baik itu sebuah form, paragraf, hyperlink, dsb. Disinilah peranan untuk Tag pada HTML.

Dalam penulisan tag ini hampir semua tag menggunakan tag pembuka dan penutup, tetapi ada beberapa tag yang tidak memakai tag pembuka dan penutup, melainkan penutupnya itu langsung pada tag pembuka, seperti halnya untuk enter text dengan syntax berikut:

<br />

Selain enter text, ada pula untuk memasukkan gambar pada HTML yang penutupnya itu langsung pada tag pembuka dengan syntax berikut:

<img src="lokasi gambar" title="title pada gambar" alt="berikan nama pada gambar"/>

Untuk penulisan tag yang menggunakan pembuka dan penutup tag, anda bisa melihat contoh syntax sebagai berikut:

<tag>Object</tag>

Apakah ada perbedaan antara tag pembuka dan penutup? Jawabannya ada, perbedaannya itu kalau pada tag pembuka dia tidak ada backslash, kalau tag penutup ada backslash di awal tagnya.

Anda sudah mengenal berbagai syntax dan perbedaan antara tag pembuka dan penutup, mari kita lanjut ke jenis-jenis tag.

Jenis-jenis tag pada HTML

Berikut adalah beberapa jenis tag yang nantinya sering anda jumpai saat anda menggunakan bahasa markah/markup HTML:

Tag Fungsi
<!– ….–> Membuat Komentar Pada HTML Tag 
<!DOCTYPE html> Mendefinisikan sel header di dalam  sebuah tabel
 
<html> Mendefinisikan batasan html tag 
<title> Mendefinisikan judul halaman
<meta> Mendefinisikan sebuah meta untuk keperluan SEO
<script> Mendefinisikan client-side script
<link> Mendefinisikan hubungan antar dokumen
<head> Mendefinisikan bagian kepala dokumen html
<body> Mendefinisikan body/isi dokument html
<br> Enter pada HTML
<img> Mendefinisikan sebuah gambar
<a> Mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain 
<i> Membuat teks menjadi miring
<b> Membuat teks menjadi tebal
<u> Membuat teks menjadi garis bawah 
<table> Mendefinisikan suatu tabel 
<form> Mendefinisikan form 
<tr> Membuat baris di dalam sebuah tabel 
<td> Mendefinisikan sel header di dalam  sebuah tabel 
<h1> Membuat Heading 1(satu) 
<h2> Membuat Heading 2(dua) 
<h3> Membuat Heading 3(tiga) 
<h4> Membuat Heading 4(empat) 
<h5> Membuat Heading 5(lima) 
<h6> Membuat Heading 6(enam) 
<p> Membuat Paragraf 

Element pada HTML

Element pada HTML adalah sebuah objek yang berada di dalam tag. Contohnya seperti berikut:

<!DOCTYPE html>
<html>
<head>
    <title>Belajar HTML Sesi 2: Mengenal Tag, Element, dan Attribute pada HTML</title>
</head>
<body>
<b>Mengenal Element Pada HTML</b>
</body>
</html>

Pada contoh diatas <b> merupakan sebuah tag untuk membuat teks menjadi tebal. Dimana elementnya? Elementnya itu adalah “Mengenal Element Pada HTML”.

Attribute pada HTML

Attribute adalah sebuah tambahan informasi yang digunakan di dalam tag pembuka. Informasi tersebut berupa instruksi untuk memberikan berbagai efek, atau bisa digunakan untuk memberikan suatu class atau id untuk tag div misalkan. Attribute dapat ditulis dengan nama=”nilai”. Penulisan nilai diharuskan untuk diapit dengan dua tanda kutip, bisa anda lihat contohnya sebagai berikut:

<!DOCTYPE html>
<html>
<head>
        <title>Belajar HTML Sesi 2: Mengenal Tag, Element, dan Attribute pada HTML</title>
</head>
<body>
    <div align="center">Mengenal Attribute Pada HTML</div>
</body>
</html>

<div> merupakan sebuah tag untuk mendefinisikan halaman
align merupakan sebuah nama attribute yang ada pada tag tersebut

center merupakan sebuah nilai/value pada nama attribute tersebut

Mengenal Attribute Pada HTML merupakan sebuah element dari tag <div>

Untuk contoh yang sudah saya berikan itu tidak semua tag berfungsi, tetapi konsepnya tetap sama untuk memahami sebuah attribute pada HTML, selain attribute juga ada element dan juga jenis-jenis tag yang dapat anda fahami dalam artikel ini.

Sekian artikel ini, semoga kedapannya setelah anda membaca artikel “Belajar HTML Sesi 2: Mengenal Tag, Element, dan Attribute pada HTML” dapat anda fahami dengan mudah artikel tersebut.

Tutorial HTML Dasar Lainnya:
Belajar HTML Sesi 1: Pengertian dan Fungsi HTML
Belajar HTML Sesi 2: Mengenal Tag, Element, dan Attribute pada HTML
Belajar HTML Sesi 3: Menggunakan Paragraf Tag Pada HTML
Belajar HTML Sesi 4: Mengenal Format Text Pada HTML

About

Your email will not be published. Name and Email fields are required.