Banyak kegunaan bila kita mau mempelajari, mempraktekan, dari bahasa HTML 5 ini loh sob. Seperti yg saya katakan tadi, lebih sederhana dalam memakainya. Tentu dengan hal baru yg begitu mempesona dan pastinya jarang terpakai ;)) Contoh real yg sering dijumpai yaitu penanaman CSS inline pada sesi postingan. Seperti ini New!!!
Trik yg sama kita lakukan ketika mau membuat huruf menjadi tebal/miring yg berada pada post editor blog.<span style='color: #F00;font-size: 11px;font-style: italic;text-decoration: blink;background-color: #333;font-weight: bold;padding: 0 3px 0 3px;border: 1px solid #FF0;outline: 1px solid #333;'>New</span>
Ingin berkreasi layaknya para master, mau tidak mau ya kita harus tahu bahasa CSS :)
Berikut beberapa atribut HTML5 yg menurut saya aneh tapi nyata :D
<progress style="width: 100px;" value=".3"></progress>
<progress style="width: 100px;height: 5px;">Loading...</progress>
http://lea.verou.me/2011/07/a-polyfill-for-html5-progress-element-the-obsessive-perfectionist-way/
http://www.useragentman.com/blog/2012/01/03/cross-browser-html5-progress-bars-in-depth/
Klik teks di area ini, hapus dan edit sesuka kalian.
<div contenteditable="true">Klik teks di area ini, hapus dan edit sesuka kalian.</div>
Hahaha...aku ada di sisi kanan...!!!
<p dir="rtl">Hahaha...aku ada di sisi kanan...!!!</p>
Simpanlah rumusan keren untuk berkreasi jika memang tidak mau menghapalnya...wekekekekkk :P
Sekedar mengisi waktu luang, tidak ada aktifitas. Belajar...belajar...belajar \m/Loading... |
7 comments
DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...