List Tag HTML5 Lengkap

Selamat datang di blog Pintar Sekolah. Kali ini kita akan membahas tentang mata pelajaran dari jurusan RPL, yaitu pemrograman web. Sebelumnya kita sudah pernah membahas apa itu HTML dan CSS serta saya sudah memberikan semua kumpulan tag HTML lengkap. Maka sekarang kita akan membahas tag HTML yang sudah versi HTML5, jadi semua tag HTML5 lengkap.

List Tag HTML5 Lengkap Pintar Sekolah

HTML adalah bahasa markah atau markup language yang sangat populer dan digunakan untuk membuat sebuah website hingga sekarang.

Dalam perjalanannya, HTML mengalami berbagai macam perjuangan dan perubahan. Pertama, HTML hanya bisa digunakan untuk mencetak tebal teks dan semacamnya. Seiring perkembangannya, HTML semakin mengalami kemajuan hingga sekarang sudah terbitlah versi HTML terbaru yaitu HTML5.

Dengan menggunakan HTML5 kita bisa membuat berbagai macam hal keren yang tidak bisa dilakukan oleh versi HTML sebelumnya, contohnya seperti menambahkan musik sebagai backsound dalam sebuah website dan lain sebagainya.

Kehadiran HTML5 ini sebenarnya berfungsi untuk menggantikan berbagai macam tag yang tidak berarti pada versi HTML sebelumnya, contohnya seperti tag <div> yang sekarang bisa diganti dengan <article>, <section> atau yang lainnya. Jika tertarik, kamu bisa membaca 
Baca Juga
Para programmer dunia juga sangat merekomendasikan HTML5 karena berbagai macam kelebihannya untuk membuat sebuah website, bahkan sekarang website atau sebuah situs yang valid HTML5 memiliki nilai lebih dibanding website atau situs yang tidak valid HTMl5.

Sebagai programmer yang masih belajar, kita tentunya harus mengetahui apa saja tag-tag yang tersedia di dalam HTML5 ini agar kita bisa membuat website yang lebih baik lagi dan valid HTML5.

Oleh karena itu, pada artikel kali ini blog Pintar Sekolah akan memberikan list tag HTML5 lengkap dengan penjelasan serta keterangan apakah tag tersebut baru saja dibuat atau yang sudah tersedia dari versi HTML sebelumnya yang diurutkan secara alfabetik..

Berikut dibawah ini adalah list tag HTML5 lengkap.


TagDeskripsiKeterangan
<!-...->Membuat sebuah komentar
<!DOCTYPE>Mendefinisikan jenis dokumen
<a>Membuat hyperlink
<abbr>Mendefinisikan sebuah singkatan atau akronim
<address>Mendefinisikan kontak atau alamat dari penulis dokumen
<area>Mendefinisikan sebuah area didalam peta gambar
<article>Mendefinisikan sebuah artikel Baru
<aside>Mendefinisikan konten selain konten utama, biasanya digunakan pada sidebar disebuah situs Baru
<audio>Mendefinisikan konten suara atau audio Baru
<b>Membuat sebuah teks menjadi tebal
<base>Menentukan URL dasar / target untuk semua URL relatif dalam dokumen
<bdo>Mengesampingkan arah teks saat ini
<blockquote>Mendefinisikan sebuah bagian teks yang dikutip dari sumber lain
<body>Mendefinisikan tubuh dokumen atau isi utama dari sebuah HTML
<br>Membuat 1 baris kosong, bekerja seperti tombol enter pada keyboard
<button>Membuat sebuah tombol yang bisa diklik
<canvas>Digunakan untuk menggambar grafik, dengan cepat, melalui scripting (biasanya JavaScript) Baru
<caption>Mendefinisikan caption tabel
<cite>Mendefinisikan judul sebuah karya
<code>Mendefinisikan kode komputer
<col>Menentukan properti kolom untuk setiap kolom dalam tag <colgroup>
<colgroup>Menentukan sekelompok kolom atau lebih dalam sebuah tabel untuk pemformatan
<command>Mendefinisikan perintah pada suatu tombol Baru
<datalist>Menentukan daftar opsi yang telah ditentukan untuk kontrol masukan Baru
<dd>Mendefinisikan sebuah deskripsi istilah atau nama dalam daftar deskripsi
<del>Mendefinisikan teks yang sudah dihapus dari dokumen
<details>Mendefinisikan rincian tambahan yang bisa dilihat dan disembunyikan pengguna Baru
<dialog>Mendefinisikan sebuah kotak dialog atau jendela Baru
<dfn>Mendefinisikan sebuah istilah
<div>Mendefinisikan sebuah bagian dalam dokumen
<dl>Mendefinisikan daftar deskripsi
<dt>Mendefinisikan sebuah istilah atau nama dalam daftar deskripsi
<em>Mendefinisikan teks yang ditekankan
<embed>Mendefinisikan sebuah wadah untuk aplikasi eksternal (non-HTML) Baru
<fieldset>Grup element terkait dengan form
<figure>Menentukan konten sendiri Baru
<footer>Mendefinisikan sebuah footer dalam dokumen Baru
<form>Mendefinisikan sebuah form HTML untuk pengguna
<h1> sampai <h6>Mendefinisikan heading atau sub judul dari yang paling kecil sampai yang paling besar
<head>Mendefinisikan informasi tentang dokumen
<header>Mendefinisikan header untuk dokumen atau bagian Baru
<hgroup>Menentukan informasi tentang bagian sebuah dokumen Baru
<hr>Membuat sebuah garis horizontal
<html>Mendefinisikan sebuah dokumen HTML
<i>Mendefinisikan sebuah bagian teks yang bersumber dari suara, atau membuat teks menjadi miring (italic)
<iframe>Mendefinisikan sebuah inline frame
<img>Mendefinisikan sebuah gambar
<input>Mendefinisikan sebuah kontrol input
<ins>Mendefinisikan sebuah teks yang dimasukkan kedalam dokumen
<keygen>Mendefinisikan field generator kunci-pasangan (untuk form) Baru
<kbd>Mendefinisikan teks yang ditandai atau disorot
<label>Mendefinisikan label atau kategori untuk tag <input>
<legend>Mendefinisikan sebuah caption untuk tag <fieldset>
<li>Mendefinisikan daftar item pada tag <ol> dan <ul>
<link>Mendefinisikan sebuah hubungan antara dokumen dengan sumber eksternal (Paling sering dihubungkan dengan stylesheet seperti CSS)
<map>Mendefinisikan peta gambar pada browser klien
<mark>Mendefinisikan teks yang ditandai atau disorot Baru
<menu>Mendefinisikan daftar menu atau perintah
<meta>Mendefinisikan meta data yang ada didalam dokumen
<meter>Mendefinisikan pengukuran skalar dalam rentang yang diketahui (alat ukur) Baru
<nav>Mendefinisikan tautan navigasi Baru
<noscript>Mendefinisikan konten alternative untuk pengguna yang tidak mendukung tag <script>
<object>Mendefinisikan sebuah objek yang disematkan
<ol>Mendefinisikan daftar dengan nomor urut
<optgroup>Mendefinisikan sekelompok opsi terkait dalam daftar drop-down
<option>Mendefinisikan sebuah opsi atau pilihan dalam daftar drop-down
<output>Mendefinisikan hasil perhitungan
bingkai
Baru
<p>Mendefinisikan sebuah paragraf
<param>Mendefinisikan parameter untuk sebuah objek
<pre>Mendefinisikan teks yang berformat
<progress>Membuat sebuah progress Baru
<q>Mendefinisikan sebuah kutipan singkat
<rp>Menggantikan fungsi tag <ruby> pada browser yang tidak mendukung Baru
<rt>Mendefinisikan sebuah penjelasan atau karakter dari tipografi Asia Baru
<ruby>Mendefinisikan anotasi ruby (untuk tipografi Asia) Baru
<samp>Mendefinisikan keluaran sampel dari sebuah program komputer
<script>Mendefinisikan script untuk klien
<section>Mendefinisikan sebuah bagian dalam sebuah dokumen Baru
<select>Mendefinisikan sebuah daftar drop-down
<small>Membuat teks menjadi lebih kecil
<source>Mendefinisikan beberapa sumber media untuk tag <audio>, <video>, dan <picture> Baru
<span>Mendefinisikan sebuah bagian yang lebih kecil dari <div> dalam dokumen
<strong>Mendefinisikan teks yang penting
<style>Mendefinisikan informasi gaya untuk dokumen
<sub>Mendefinisikan teks subscript
<sup>Mendefinisikan teks superscripted
<table>Mendefinisikan sebuah tabel
<tbody>Mengelompokkan konten utama atau isi dalam sebuah tabel
<td>Mendefinisikan sebuah kolom atau sel dalam tabel
<textarea>Mendefinisikan kontrol input multigaris (area teks)
<tfoot>Mengelompokkan konten footer atau penutup dalam sebuah tabel
<th>Mendefinisikan sebuah sel header dalam tabel
<thead>Mengelompokkan konten header dalam sebuah tabel
<time>Mendefinisikan sebuah tanggal atau waktu Baru
<title>Mendefinisikan judul dari dokumen HTML
<tr>Mendefinisikan sebuah baris dalam tabel
<ul>Mendefinisikan daftar yang tidak berurutan (tanpa nomor)
<var>Mendefinisikan sebuah variabel
<video>Mendefinisikan sebuah video atau film Baru

Itu dia semua list tag HTML5 lengkap serta dengan keterangan apakah tag tersebut adalah tag baru atau tag yang dimasukkan dari versi HTML sebelumnya dan diurutkan secara alfabetik.

Nantikan artikel menarik lainnya tentang Teknologi Informasi hanya di blog Pintar Sekolah. Mohon dikoreksi jika ada yang salah dan jangan lupa bagikan ke teman-teman kamu.

Seorang siswa dari XI RPL 1 dan bersekolah di SMKN 1 Karawang. Hobi menulis dan sangat menggemari dunia web development, internet dan desain.

Silahkan berkomentar atau berpendapat melalui form dibawah. Berkomentarlah sesuai dengan isi artikel, link tidak akan ditampilkan, dan komentar yang mengandung unsur SARA tidak diperkenankan.
Jadilah orang yang bijak dan bisa menghargai orang lain
EmoticonEmoticon