Header Ads

Header ADS

Belajar HTML : Pengertian Tag, Elemen, dan Atribut dalam HTML

Belajar HTML : Pengertian Tag, Elemen, dan Atribut dalam HTML
Belajar HTML : Pengertian Tag, Elemen, dan Atribut dalam HTML


Hai semuanya, selamat datang di blog sederhana saya, semoga kalian mendapatkan ilmu yang kalian cari di web ini. Disini saya akan sedikit menjelaskan tentang 3 hal penting dalam HTML, yaitu Tag, Elemen, dan Atribut.

Pengertain Tag


Tag adalah sebauh penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat dengan kurung siku (<...>), lalu di dalamnya berisi nama tag dan kadang juga ditambahkan dengan atribut.

Contoh: <p><a><body><head>, dan sebagainya.

Tag selalu ditulis berpasangan. Ada tag pembuka dan ada tag penutupnya. Namun, ada juga beberapa tag yang tidak memiliki pasangan penutup. Tag penutup ditulis dengan menambahkan garis miring (/) di depan nama tag.


Penulisan tag pada HTML
Belajar HTML : Pengertian Tag, Elemen, dan Atribut dalam HTML

Setiap tag memiliki fungsi masing-masing. Ada yang digunakan untuk membuat judul, membuat link, membuat paragraf, heading, dan lain-lain.

Masih ingat sejarah HTML?

Dulu.. awalnya HTML cuma punya 18 tag. Sekarang HTML sudah punya sekitar 250 tag.

Wah! banyak ya.

Apa semua tag ini harus kita hafal?

Jawabannya:

Tidak harus, saja juga tidak bisa menghafal semanya. Cukup ketahui tag-tag dasar saja.

Berikut ini daftar tag-tag dasar, yang menurut saya harus kamu ingat.

TagFungsi
<html>untuk memulai dokumen HTML
<head>untuk membuat bagian head
<body>untuk membuat bagian body
<h1> sampai <h6>untuk membuat heading pada artikel
<p>untuk membuat paragraf
<!-- -->untuk membuat komentar

Beberapa tag ini sudah kita coba pada tutorial pertama dan juga ada yang belum.

Tenang saja.. Nanti juga saya akan perkenalkan tag-tag lain yang umum digunakan dalam pembuatan web.


Pengertian Elemen

Elemen dalam HTML adalah sebuah komponen yang menyusun dokumen HTML. Elemen kadang juga disebut sebagai node, karena ia merupakan salah satu jenis node yang menyusun dokumen HTML dalam diagram HTML tree.
HTML Tree (sumber: w3schools.com)
HTML Tree (sumber: w3schools.com)

Pada diagram tersebut, terdapat tiga macam node.. yakni: Node elemenNode atribut, dan Node teks.

Elemen dibentuk dari tag pembukaisi tag, dan tag penutup. Kadang juga ditambahkan beberapa atribut.

Contoh:

Elemen di HTML

Pada contoh di atas, terdapat satu elemen <p> dengan atribut align="center" dan memiliki isi berupa teks, yakni Hello World!.

Elemen tidak selalu berisi teks, kadan ia juga akan berisi elemen lain. Ini biasanya kita sebut dengan nested element atau elemen di dalam elemen.

Bila digambarkan dalam bentuk kotak persegi, maka akan terlihat seperti ini:

Elemen pada HTML

Elemen HTML ada banyak jenisnya. Ada elemen khusus untuk teks, ada elemen untuk multimedia, script, tabel, metadata, dll. Nanti kita akan pelajari ini secara bertahap.


Pengertian Atribut

Atribut adalah kata khusus yang berada di dalam tag pembuka. Atribut juga disebut sebagai modifier yang akan menentukan perliaku dari elemen.

Atribut dalam HTML

Atribut dapat ditambahkan pada elemen manapun. Ada juga elemen yang mewajibkan menggunakan atribut seperti elemen <a><img><video>, dll.

Contoh:

<a href="https://petanikode.com">Petanikode.com</a>

Tag <a> adalah tag untuk membuat link. Tag ini mewajibkan menambahkan atribut href untuk menyatakan halaman tujuan dari link.

Jumlah atribut pada elemen bisa lebih dari satu.

Contoh:

<img src="gambar.jpg" width="100" height="100" />

Atribut src adalah atribut khusus untuk tag <img> yang fungsinya untuk menentukan gambar yang akan ditampilkan. Lalu atrubut width dan height adalah atribut yang mengatur ukurannya.



Referansi : [ https://www.petanikode.com/html-tag-elemen-atribut/ ]
Mohon maaf jika terdapat kesalahan dalam  penulisan ataupun penguploadtan artikel ini, mohon berikan kritik dan saran, yang sifatnya membimbing dan membantu bagi Admin agar nantinya Admin perbaiki web ini agar lebih baik lagi. Dan semoga kalian bisa mendapatkan informasi atau wawasan baru yang bermanfaat dari web ini.

--------------------------------------------------------------------------------------------------------------------------
Seputar informasi lainya :

[ Berita Yasmida ] - [ Berita Pringsewu ] - [ Berita Ambarawa ] - [ Materi Umum ] - [ Materi TKJ ] - [ Terknologi ] - [ Tutorial Umum ] - [ Kuliah ]

Seputar Website Ini :
[ About ] [ Contact ] [ Pripacy Police ] [ Disklaminer ]

Ikuti Juga Media Sosoal Saya ;
[ Facebook : Suan ID ] [ Instagram : suanto379 ] [ Twitter : Suanto Alfarandi ]

Tidak ada komentar

Diberdayakan oleh Blogger.