Tampilkan postingan dengan label bugs. Tampilkan semua postingan

Membuat element baru pada HTML 5

Membuat element baru pada HTML 5

Assalamu'alaikum. buat agan-agan pembaca setia, walau blog ini sekarang masih di reconstruksi u r da real MVP :'(

ok, Back to topic. agan-agan pasti pernah suatu hari berfikir untuk Membuat element baru pada HTML 5 yups, pemikikiran yang Briliant sekarang bukan hal yang mustahil untuk membuat tag baru. berikut saya kasih contohnya.

kita akan mencoba membuat tagbaru bernama <wtd> kerenkan gan tagnya

<!DOCTYPE html>
<html>

<head>
  <title>Membuat Element Baru</title>
  <script>document.createElement("wtd")</script>
  <style>
  wtd{
    display: block;
    background-color: #ddd;
    padding: 50px;
    font-size: 30px;
  }
  </style>
</head>

<body>

<h1>
My First Heading</h1>
My first paragraph.
<wtd>My First Hero</wtd>

</body>
</html>

Nah, gampangkan gan? Eits tapi jangan seneng dulu. seorang designer/ UI developer yang baik selalu melihat sesuatu yang baru dari sudut pandang yang berdeda dan akan memunculkan pertanyaan seperti "Apakah tag baru ini akan work di semua browser?" dan kalau ente bukan orang yang suka menjelajah dunia maya. maka ide agan Membuat element baru pada HTML 5 hanya akan jadi Isapan jempol belaka.

ingat gan
Setiap Penyakit pasti ada obatnya
itu bagi seorang dokter dan pasien tapi bagi seorang programmer
Setiap Bug pasti ada jalan keluarnya

dan inilah saatnya kalian diperkenalkan kepada HTML5shiv. Apa itu HTML5shiv ? jawabannya ada di tulisan selanjutnya.. :p

Terimakasih kepada agan yang telah berkunjung. tunggu pembahasan menarik berikutnya.
Wassalam WR WB
Read More

Apa yang baru dari HTML 5 ?


Membuat element baru pada HTML 5

Assalamu'alaikum mas/mba di perkembangan zaman yang makin maju dan etika moral yang makin amburadul ini (apa pula.. xD). perkembangan web semakin maju dengan berbagai tools, plugin dan pengembangan bahasa markah itu sendiri, bahasa markah? yups ituloh kang HTML bahasa markah yang digunakan untuk membuat/mendesain rangka website.

apa yang baru dari HTML 5 ? jika kamu tidak mengupdate bahasa markah yang 1 ini, kamu bagaikan im legend(baca, manusia primitif) ditengah kota newyork. kenapa sih kita harus belajar HTML 5 dan apa yang baru dari HTML 5 ?. banyak banget keuntungan yang bisa kita ambil dari HTML 5 ini sob. kalo ente masih bingung perbedaannya oke ane jelasin sob cekidot.

di HTML 5 kita harus menambahkan DOCTYPE intinya inilah yang membuat mesin browser mengetahui kalo yang ente tulis itu HTML 5 cmiiw.

<!DOCTYPE html>

Selanjutnya ente juga harus menambahkan charset apa itu charset, charset adalah tag meta yang akan menjaga tampilan huruf yang ente tulis. maksudnya? jadi tampilan hurufnya akan tetap latin walau web ente dibuka di Jazirah Arab, China, Nyanmar, Thailand, dll cmiiw.

<meta charset="UTF-8">

Jadi Struktur dasarnya berubah gan jadi seperti ini:

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>
Content of the document......
</body>
</html>

Nah, strukturnya berbeda dengan yang kita pelajari dulu di struktur dasar html. Oke, sekian dulu dari saya kurang lebih mohon maaf.

orang baik selalu meninggalkan Komeng gan!!

Wassalam Wr. Wb
Read More
Langganan: Komentar (Atom)