Tag Tag dalam HTML5 lengkap

<source>, <audio>, <video>, <time>, <canvas>, <command>, <dialog>, <figure>, <header>, <address>, <area>, <article>, <aside>

Hidup seekor lebah lebih bernilai daripada binatang lain bukan lantaran ia pekerja giat, tapi karena ia lebih suka bekerja (menghasilkan madu) untuk kenikmatan pihak lain. unknown

<source>, <audio>, <video>, <time>, <canvas>, <command>, <dialog>, <figure>, <header>, <address>, <area>, <article>, <aside>

Last Modif at July 7th, 2011

berikut tag tag dalam html5

disusun berdasarkan abjad

TagDeskripsi
<!–…–>mendefinisikan komentar
<!DOCTYPE>mendefinisikan jenis document
<a>mendefinisikan hyperlink
<abbr>mendefinisikan ringkasan/singkatan
<acronym>tidak di dukung di html5
<address>mendefinisikan alamat
<applet>tidak di dukung di html5
<area>mendefinisikan area
<article>Newmendefinisikan artikel
<aside>Newmendefinisikan content selain content halaman
<audio>Newmendefinisikan audio
<b>mendefinisikan text tebal
<base>mendefinisikan url dasar untuk semua link pada halaman
<basefont>tidak di dukung di html5
<bdo>mendefinisikan arah tampilan text
<big>tidak di dukung di html5
<blockquote>mendefinisikan kutipan
<body>mendefinisikan element body
<br>mendefinisikan baris baru
<button>mendefinisikan document button/tombol
<canvas>Newmendefinisikan

document grafis

<caption>mendefinisikan document table caption
<center>tidak di dukung di html5
<cite>mendefinisikan kutipan
<code>mendefinisikan text kode komputer
<col>mendefinisikan atribut untuk kolom table
<colgroup>mendefinisikan kolom table
<command>Newmendefinisikan perintah tombol
<datalist>Newmendefinisikan dropdown list
<dd>mendefinisikan definisi deskripsi
<del>mendefinisikan text yang di hapus
<details>Newmendefinisikan suatu elemen
<dialog>Newmendefinisikan dialog (conversation)
<dfn>mendefinisikan definition term
<dir>tidak di dukung di html5
<div>mendefinisikan bagian dalam suatu document
<dl>mendefinisikan daftar
<dt>mendefinisikan istilah
<em>mendefinisikan text rapat
<embed>Newmendefinisikan external content
<fieldset>mendefinisikan fieldset
<figure>Newmendefinisikan isi media, dan keterangan
<font>tidak di dukung di html5
<footer>Newmendefinisikan bagian footer
<form>mendefinisikan formulir
<frame>tidak di dukung di html5
<frameset>tidak di dukung di html5
<h1> sampai <h6>mendefinisikan header
<head>mendefinisikan informasi tentang document
<header>Newmendefinisikan sebuah header untuk bagian suatu halaman
<hgroup>Newmendefinisikan informasi tentang bagian sebuah document
<hr>mendefinisikan garis horisontal
<html>mendefinisikan document html
<i>mendefinisikan text italic
<iframe>mendefinisikan inline sub frame
<img>mendefinisikan gambar
<input>mendefinisikan input
<ins>mendefinisikan text yang disisipkan
<keygen>Newmendefinisikan sebuah kunci yang dihasilkan dalam bentuk
<kbd>mendefinisikan text keyboard
<label>mendefinisikana label untuk form
<legend>mendefinisikan judul di fieldset
<li>mendefinisikan list
<link>mendefinisikan refrensi sumber
<map>mendefinisikan peta gambar
<mark>Newmendefinisikan text yang ditandai
<menu>mendefinisikan daftar menu
<meta>mendefinisikan meta information
<meter>Newmendefinisikan ukuran yang sudah di tetapkan
<nav>Newmendefinisikan navigation link
<noframes>tidak di dukung di html5
<noscript>mendefinisikan bagian noscript
<object>mendefinisikan sebuah object
<ol>mendefinisikan daftar angka
<optgroup>mendefinisikan grup pilhan
<option>mendefinisikan drop-down option
<output>Newmendefinisikan beberapa jenis output
<p>mendefinisikan paragraph
<param>mendefinisikanparameter untuk sebuah objeck
<pre>mendefinisikan text ke format awal
<progress>Newmendefinisikan kemajuan suatu tugas apapun
<q>mendefinisikan kutipan pendek
<rp>Newdigunakan untuk menentukan apakah browser mendukung ruby
<rt>Newmenjelaskan tentanf penngunaan ruby
<ruby>Newmendefinisikan ruby annotations.
<s>tidak di dukung di html5
<samp>mendefinisikan sample computer code
<script>mendefinisikan script
<section>Newmendefinisikan section
<select>mendefinisikan selectable list
<small>mendefinisikan text kecil
<source>Newmendefinisikan media resources
<span>mendefinisikan bagian dalam sebuah document
<strike>tidak di dukung di html5
<strong>mendefinisikan text pekat/tebal
<style>mendefinisikan style untuk css
<sub>mendefinisikan subscripted text lawan pangkat
<sup>mendefinisikan superscripted text pangkat
<table>mendefinisikan table
<tbody>mendefinisikan table body
<td>mendefinisikan table cell
<textarea>mendefinisikan text area
<tfoot>mendefinisikan table footer
<th>mendefinisikan table header
<thead>mendefinisikan table header
<time>Newmendefinisikan date/time
<title>mendefinisikan judul document
<tr>mendefinisikan baris table
<tt>tidak di dukung di html5
<u>tidak di dukung di html5
<ul>mendefinisikan daftar
<var>mendefinisikan variable
<video>Newmendefinisikan video
<xmp>tidak di dukung di html5

keterangan*

  • tag-tag diatas saya ambil dari w3school.com
  • yang di beri tanda merah adalah tag baru(hanya di html5), dimana tag tadi tidak ada di html 4
  • tag-tag baru tadi belum support di semua browser
  • yang di beri warna biru adalah tag html yang tidak support di html5

yang diatas adalah tag-tag html5 atribut-atributnya belum disertakan. kita itu tidak mesti pelajarin semua tag tag dalam html karena tidak semua tag-tag itu digunakan digunakan dalam sebuah website, apalagi hanya blog heheheheeeee. yang penting itu adalah kita ngerti cara penulisan tag dan atributnya. kita juga harus bisa membedakan mana yang bisa dan tidak bisa ditambahkan kedalam sebuah tag, dan tag-tag mana saya yang bisa serta tidak bisa ditambahkan kedalam tag lain.

contoh html salah

<img src="url-gambar"><table>ini-membentuk-table</table></img>

keterangan
  • dilihat dari penulisan htmlnya, sama sekali tidak salah
  • namun pada penempatan tagi, itu salah
  • apakah mungkin, didalam sebuah gambar dapat dimasukan table?

rencananya saya akan membahas beberapa tag-tag yang mungkin penting dalam sebuah website/blog.

yoooow mungkin cuma itu dulu, besok- besok akan saya lanjutkan :)

semoga bermanfaat.

Indam

A geek, frontend developer. Like you, coding & experiment.
#web #design #ui #ux #standard #dreamer
#welding #interisti #beer #coffee

3 thoughts on “Tag Tag dalam HTML5 lengkap”

  1. aras says:

    wah, bagus banget informasinya. thanks ya bro. smoga dibalas dengan kebaikan dari tuhan semesta alam

  2. kickymaulana says:

    wah, ini bisa saya print trus di tempelin di dinding kamar, biar bisa di baca tiap hari

  3. Pingback: "android app"

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Disclaimer, FAQ & License

Hello Gaes, untuk tujuan apapun semua content text di blog ini dapat di copas, tanpa harus menulis sumbernya. Namun content yang berupa gambar--harus Anda periksa kembali lisensinya.

Adapun(mungkin) sebagian content blog ini sudah kadaluarsa atau sudah tidak relevan, contoh :'Theme default WordPress 3+ adalah Twentyten 'apakah selamanya Twentyten?' ngga kan? Indam selaku pengelolah berharap melaporkan jika menemukan content basi yang mungkin dapat menimbulkan salah persepsi tentang content dan konsep itu sendiri. Oia, karena blog ini bersifat pribadi dan bukan untuk komersil, mungkin anda juga akan menemukan tulisan tentang aku dan hal-hal rancu yang sama sekali ngga ada hubungan dengan web dan blog-blogan. Perlu dicatat: Indam selaku pengelolah tidak bertanggung jawab atas kerugian materi, waktu, tenaga, pikiran yang mungkin ditimbulkan dari sini. So, pandai-pandai yah dalam memilah informasi. Thanks for reading.

Quote

Ketika Anda melihat orang lain mengangkat dirinya dengan cara merendahkan orang lain, sebenarnya orang itu lebih rendah dari mereka yang direndahkan. Phidias--greece filsuf

+
-