Kumpulan Tag Html Lengkap Dengan Penjelasannya

Kumpulan tag HTML – Selamat tiba di blog daerah kita sejarah dan perkembangan komputer yang sangat panjang, maka kini kita akan bersenang-senang dengan kode HTML dari pemrograman web

 Setelah pada postingan sebelumnya kita mempelajari  Kumpulan Tag HTML Lengkap Dengan Penjelasannya

HTML ialah singkatan dari Hyper Text Markup Language, yang berarti HTML ialah salah satu dari sekian banyaknya bahasa markup. HTML sering dipakai dalam pembuatan web desain dan seorang front-end web developer pasti sudah tidak abnormal lagi ketika mendengar kata HTML.
Untuk menciptakan satu buah file dokumen HTML yang sempurna, tentunya kita harus mengetahui banyak sekali macam tag-tagnya, apalagi kini sudah tersedia HTML5 yang memiliki tag lebih spesifik lagi.

Tag HTML Lengkap Dengan Penjelasannya

Mungkin beberapa dari kalian pernah merasa kesulitan dan tidak tahu tag HTML yang mana untuk menciptakan sebuah form atau yang lainnya. Oleh alasannya ialah itu, pada artikel kali ini blog akan memperlihatkan semua tag HTML lengkap dengan penjelasannya yang didapat dari situs HTML dasar saja tidak akan cukup untuk menciptakan kau lebih hebat lagi dalam HTML/
Tag-tag berikut juga sudah diklasifikasikan atau dikelompokkan menurut fungsinya masing-masing sehingga memudahkan kau untuk mempelajarinya dan kalau kau ingin membuka jasa pembuatan website maka artikel ini cocok sekali alasannya ialah biasanya seseorang yang membuka jasa pembuatan website niscaya sudah tidak abnormal lagi dengan semua tag HTML dibawah
Catatan :
  • Tag yang berwarna merah tidak didukung oleh HTML5
  • Tag yang memiliki tanda ialah tag gres di HTML5

Tag HTML Dasar

Tag Deskripsi
<!DOCTYPE> Mendefinisikan jenis dokumen
<html> Mendefinisikan sebuah dokumen HTML
<title> Mendefinisikan judul dari dokumen HTML
<body> Mendefinisikan badan dokumen atau isi utama dari sebuah HTML
<h1> hingga <h6> Mendefinisikan heading atau sub judul dari yang paling kecil hingga yang paling besar
<p> Mendefinisikan sebuah paragraf
<br> Membuat 1 baris kosong, bekerja ibarat tombol enter pada keyboard
<hr> Membuat sebuah garis horizontal
<!— … —> Memberikan komentar pada dokumen HTML, isi dari tag ini tidak akan ditampilkan oleh web browser

Formatting

Tag Deskripsi HTML5
<acronym> Mendefinisikan sebuah singkatan atau akronim, alasannya ialah tidak didukung oleh HTML5, gunakan tag <abbr> sebagai gantinya
<abbr> Mendefinisikan sebuah singkatan atau akronim
<address> Mendefinisikan kontak atau alamat dari penulis dokumen
<b> Membuat sebuah text menjadi tebal
<bdi> Mengisolasi bab teks yang mungkin diformat dalam arah yang berbeda dari teks lain di luarnya
<bdo> Mengesampingkan arah teks dikala ini
<big> Mengubah tebal sebuah teks, alasannya ialah tidak didukung oleh HTML5, gunakan CSS untuk mengatur tebal sebuah teks
<blockquote> Mendefinisikan sebuah bab teks yang dikutip dari sumber lain
<center> Membuat semoga teks tampil ditengah, alasannya ialah tidak didukung oleh HTML5, gunakan CSS
<cite> Mendefinisikan judul sebuah karya
<code> Mendefinisikan arahan komputer
<del> Mendefinisikan teks yang sudah dihapus dari dokumen
<dfn> Mendefinisikan sebuah istilah
<em> Mendefinisikan teks yang ditekankan
<font> Mendefinisikan font, warna, dan besar dari sebuah teks, tidak didukung oleh HTML5
<i> Mendefinisikan sebuah bab teks yang bersumber dari suara, atau menciptakan teks menjadi miring (italic)
<ins> Mendefinisikan sebuah teks yang dimasukkan kedalam dokumen
<kbd> Mendefinisikan teks yang ditandai atau disorot
<mark> Mendefinisikan judul dari dokumen HTML
<meter> Mendefinisikan pengukuran skalar dalam rentang yang diketahui (alat ukur)
<pre> Mendefinisikan teks yang berformat
<progress> Membuat sebuah progress
<q> Mendefinisikan sebuah kutipan singkat
<rp> Menggantikan fungsi tag <ruby> pada browser yang tidak mendukung
<rt> Mendefinisikan sebuah klarifikasi atau abjad dari tipografi Asia
<ruby> Mendefinisikan anotasi ruby (untuk tipografi Asia)
<s> Mendefinisikan teks yang sudah tidak benar
<samp> Mendefinisikan keluaran sampel dari sebuah aktivitas komputer
<small> Membuat teks menjadi lebih kecil
<strike> Membuat strikethrough, alasannya ialah tidak didukung oleh HTML5, gunakan tag <del> atau <s> sebagai gantinya
<strong> Mendefinisikan teks yang penting
<sub> Mendefinisikan teks subscript
<sup> Mendefinisikan teks superscripted
<time> Mendefinisikan tanggal atau waktu
<tt> Mendefinisikan teks teletype, alasannya ialah tidak didukung oleh HTML5, gunakan CSS sebagai gantinya
<u> Membuat garis bawah pada teks (underline)
<var> Mendefinisikan sebuah variabel
<wbr> Mendefinisikan kemungkinan jeda baris

Form dan Input

Tag Deskripsi HTML5
<form> Mendefinisikan sebuah form HTML untuk pengguna
<input> Mendefinisikan sebuah kontrol input
<textarea> Mendefinisikan kontrol input multigaris (area teks)
<button> Membuat sebuah tombol yang sanggup diklik
<select> Mendefinisikan sebuah daftar drop-down
<optgroup> Mendefinisikan sekelompok opsi terkait dalam daftar drop-down
<option> Mendefinisikan sebuah opsi atau pilihan dalam daftar drop-down
<label> Mendefinisikan label atau kategori untuk tag <input>
<fieldset> Grup element terkait dengan form
<legend> Mendefinisikan sebuah caption untuk tag <fieldset>
<datalist> Menentukan daftar opsi yang telah ditentukan untuk kontrol masukan
<keygen> Mendefinisikan field generator kunci-pasangan (untuk form)
<output> Mendefinisikan hasil perhitungan
bingkai

Frames

Baca Juga

Tag Deskripsi HTML5
<frame> Mendefinisikan sebuah jendela (frame) didalam frameset, tidak didukung oleh HTML5
<frameset> Mendefinisikan satu set frame, tidak didukung oleh HTML5
<noframes> Mendefinisikan konten alternative bagi pengguna yang tidak mendukung frame, tidak didukung oleh HTML5
<iframe> Mendefinisikan sebuah inline frame

Gambar

Tag Deskripsi HTML5
<img> Mendefinisikan sebuah gambar
<map> Mendefinisikan peta gambar pada browser klien
<area> Mendefinisikan sebuah area didalam peta gambar
<canvas> Digunakan untuk menggambar grafik, dengan cepat, melalui scripting (biasanya JavaScript)
<figcaption> Mendefinisikan sebuah caption untuk tag <figure>
<figure> Menentukan konten sendiri
<picture> Mendefinisikan sebuah wadah untuk beberapa sumber gambar

Audio dan Video

Tag Deskripsi HTML5
<audio> Mendefinisikan konten bunyi atau audio
<source> Mendefinisikan beberapa sumber media untuk tag <audio>, <video>, dan <picture>
<track> Mendefinisikan trek teks untuk tag <audio> dan <video>
<video> Mendefinisikan sebuah video atau film

Link

Tag Deskripsi HTML5
<a> Mendefinisikan sebuah hyperlink
<link> Mendefinisikan sebuah kekerabatan antara dokumen dengan sumber eksternal (Paling sering dihubungkan dengan stylesheet ibarat CSS)
<nav> Mendefinisikan tautan navigasi

List

Tag Deskripsi HTML5
<ul> Mendefinisikan daftar yang tidak berurutan (tanpa nomor)
<ol> Mendefinisikan daftar dengan nomor urut
<li> Mendefinisikan daftar item pada tag <ol> dan <ul>
<dir> Mendefinisikan sebuah direktori, alasannya ialah tidak didukung oleh HTML5, gunakan <ul> sebagai gantinya
<dl> Mendefinisikan daftar deskripsi
<dt> Mendefinisikan sebuah istilah atau nama dalam daftar deskripsi
<dd> Mendefinisikan sebuah deskripsi istilah atau nama dalam daftar deskripsi
<menu> Mendefinisikan daftar sajian atau perintah
<menuitem> Mendefinisikan sebuah perintah atau item sajian yang sanggup dipanggil pengguna dari sajian popup

Tabel

Tag Deskripsi HTML5
<table> Mendefinisikan sebuah tabel
<caption> Mendefinisikan caption tabel
<th> Mendefinisikan sebuah sel header dalam tabel
<tr> Mendefinisikan sebuah baris dalam tabel
<td> Mendefinisikan sebuah kolom atau sel dalam tabel
<thead> Mengelompokkan konten header dalam sebuah tabel
<tbody> Mengelompokkan konten utama atau isi dalam sebuah tabel
<tfoot> Mengelompokkan konten footer atau epilog dalam sebuah tabel
<col> Menentukan properti kolom untuk setiap kolom dalam tag <colgroup>
<colgroup> Menentukan sekelompok kolom atau lebih dalam sebuah tabel untuk pemformatan

Styles dan Semantic

Tag Deskripsi HTML5
<style> Mendefinisikan isu gaya untuk dokumen
<div> Mendefinisikan sebuah bab dalam dokumen
<span> Mendefinisikan sebuah bab yang lebih kecil dari <div> dalam dokumen
<header> Mendefinisikan sebuah header dalam dokumen
<footer> Mendefinisikan sebuah footer dalam dokumen
<main> Menentukan konten utama untuk dokumen
<section> Mendefinisikan sebuah bab yang lebih besar dari <div> dalam dokumen
<article> Mendefinisikan sebuah artikel
<aside> Mendefinisikan konten selain konten utama, biasanya dipakai pada sidebar didalam sebuah situs
<details> Mendefinisikan rincian suplemen yang sanggup dilihat dan disembunyikan pengguna
<dialog> Mendefinisikan sebuah kotak obrolan atau jendela
<summary> Mendefinisikan heading yang terlihat untuk tag <details>
<data> Menghubungkan konten yang diberikan memakai bahasa yang dimengerti oleh meisn

Meta Info

Tag Deskripsi HTML5
<head> Mendefinisikan isu wacana dokumen
<meta> Mendefinisikan meta data yang ada didalam dokumen
<base> Menentukan URL dasar / sasaran untuk semua URL relatif dalam dokumen
<basefont> Menentukan warna standar, ukuran, dan font untuk semua teks dalam dokumen. alasannya ialah tidak didukung oleh HTML5 gunakan CSS sebagai gantinya

Programming

Tag Deskripsi HTML5
<script> Mendefinisikan script untuk klien
<noscript> Mendefinisikan konten alternative untuk pengguna yang tidak mendukung tag <script>
<applet> Tidak didukung oleh HTML5, gunakan <embed> atau <object> sebagai gantinya
<embed> Mendefinisikan sebuah wadah untuk aplikasi eksternal (non-HTML)
<object> Mendefinisikan sebuah objek yang disematkan
<param> Mendefinisikan parameter untuk sebuah objek
Sebagai bonusnya alasannya ialah kau telah membaca artikel , maka dibawah ini aku sajikan element atau tag yang gres saja hadir di HTML5 menurut W3Schools. Perlu diketahui ya bahwa tag dibawah ini bukan semua tag HTML5, melainkan tag yang gres di HTML5.

Tag Deskripsi HTML5
<article> Mendefinisikan sebuah artikel dalam sebuah dokumen
<aside> Mendefinisikan konten selain konten utama, biasanya dipakai pada sidebar disebuah situs
<bdi> Mengisolasi bab teks yang mungkin diformat dalam arah yang berbeda dari teks lain di luarnya
<details> Mendefinisikan rincian suplemen yang sanggup dilihat atau disembunyikan pengguna
<dialog> Mendefinisikan sebuah kotak obrolan atau jendela
<figcaption> Mendefinisikan sebuah caption untuk tag <figure>
<figure> Mendefinisikan konten mandiri
<footer> Mendefinisikan footer untuk dokumen atau bagian
<header> Mendefinisikan header untuk dokumen atau bagian
<main> Mendefinisikan konten utama untuk dokumen
<mark> Mendefinisikan teks yang ditandai atau disorot
<menuitem> Mendefinisikan sebuah perintah / item sajian yang sanggup dipanggil pengguna dari sajian popup
<meter> Mendefinisikan pengukuran skalar dalam rentang yang diketahui (alat ukur)
<nav> Mendefinisikan tautan navigasi
<progress> Membuat sebuah progress
<rp> Mendefinisikan apa yang harus ditunjukkan di browser yang tidak mendukung anotasi ruby
<rt> Mendefinisikan sebuah klarifikasi / pengucapan abjad (untuk tipografi Asia Timur)
<ruby> Mendefinisikan anotasi ruby ​​(untuk tipografi Asia Timur)
<section> Mendefinisikan sebuah bab dalam sebuah dokumen
<summary> Mendefinisikan heading yang terlihat untuk tag <details>
<time> Mendefinisikan sebuah tanggal atau waktu
<wbr> Mendefinisikan kemungkinan jeda baris
Dengan mengetahui arahan atau tag HTML lengkap dengan memahami semua penjelasannya, kau akan dimudahkan ketika belajar menciptakan website
Nantikan artikel menarik lainnya tentang Teknologi Informasi hanya di blog . Mohon dikoreksi kalau ada yang salah dan jangan lupa bagikan ke teman-teman kamu.