Scribd Logo
Unggah

Selamat datang di Scribd!

  • 2 - HTML5

    Diunggah oleh

    Faisol Klakah
    6 tayangan8 halaman
    Pengenalan HTML 5

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Pengenalan HTML 5

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    6 tayangan8 halaman

    2 - HTML5

    Diunggah oleh

    Faisol Klakah
    Pengenalan HTML 5

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 8

    PENGENALAN

    HTML5
    OLEH: AHMAD FAISOL, ST., MT.
    HTML VS HTML5

     <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional/EN”


    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
     HTML5:
    <!doctype html>
     <meta http-equiv=“Content-type” content=“text/html;charset=utf-8”>
     HTML5:
    <meta charset=“UTF-8”>
    STRUKTUR BARU HTML5

    STRUKTUR FUNGSI
    <section> Sama fungsinya dengan <div>
    <header> Isi konten header di sini
    <footer> Isi konten footer di sini
    <nav> Membuat menu navigasi
    <article> Konten artikel (teks, gambar, link)
    <aside> Membuat sidebar atau float page
    <figure> Meletakkan gambar dalam artikel
    <figcaption> Caption pada gambar
    STRUKTUR DASAR
    <!doctype html>

    <html>

    <head>

    <meta charset="UTF-8">

    </head>

    <body>

    <header>isi bagian header (banner, menu, dan lain-lain)

    <nav>menu navigasi bisa di sini</nav>

    </header>

    <section>

    <article>

    hallo dunia HTML5

    </article>

    </section>

    </body>

    </html>
    HTML5 VIDEO

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5 VIDEO</title>
    </head>
    <video width="520" height="440" src="html5_boilerplate.MP4" controls>
    browser Anda tidak mendukung tag video
    </video>
    <body>
    </body>
    </html>
    HTML5 AUDIO

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML5 AUDIO</title>
    </head>
    <audio controls src="Bruno Mars - The Lazy Song.mp3" />
    <body>
    </body>
    </html>
    INPUT TYPE HTML5

     COLOR
    <input type=“color” name=“favcolor” />
     EMAIL
    <input type=“email” name=“usermail” />
     NUMBER
    <input type=“number” name=“quantity” min=“1” max=“5” />
     RANGE
    <input type=“range” name=“points” min=“1” max=“10” />
     SEARCH
    <input type=“search” name=“googlesearch” />
     URL
    <input type=“url” name=“homepage” />
    INPUT ATRIBUT

     AUTOFOCUS
    <input type=“text” name=“fname” autofocus />
    <input type=“text” name=“lname” />
     PLACEHOLDER
    <input type=“text” name=“nama” placeholder=“Masukkan Nama” />
     REQUIRED
    <input type=“text” name=“nama” required />

    Anda mungkin juga menyukai