Tutorial dasar belajar bahasa pemrogaman HTML5

______________________________________________________________________

Assalamuallaikum wr.wb


Disini saya akan menjelaskan tutorial dasar tentang HTML 5 :


1. Pengantar HTML ;
    a. saat menulis document html 5 kita harus memperhatikan jenis DOC deklarasi itu sebagai awal            kode, contoh :

Hasil gambar untuk HTML 5

    b. karakter pengkodean (charset) deklarasi juga di sederhanakan, contoh :


    c. Element2 baru di HTML5 yaitu :
       --> <article>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <footer>, <header>,              <nav>, <output>, <progress>, <section>, <video>, and ever more.

    d. karakter default encoding dalam html5 adalah UTF-8.

    e. API terpadu yaitu :
        a. drag and drop.
        b. audio & video.
        c. offline web application.
        d. history.
        e. local storage.
        f. geolocation.
        g. web messaging.

2. Daftar model konten yaitu :

    dalam HTML5 memperkenalkan 7 model konten utama yaitu :
    a. Metadata
    b. embedded
    c. interactive
    d. heading
    e. phrasing
    f. flow
    g. sectioning

    MOdel konten utama dalam HTML5 yaitu untuk membuat struktur markup lebih bermakna &            web designer.

    Model Konten :

    1. Metadata : konten yang menyiapkan presentasi dari sisa isi. unsur2 ini di temukan di kepala                document.
        Element : <base>, <link>, <meta>, <noscript>, <script>, <style>, <title>.

    2. Embedded / tertanam : konten yang impor dari sumber informasi lainnya ke dalam document.
        Element : <audio>, <video>, <canvas>, <iframe>, <img>, <math>, <object>, <svg>.

    3. Interactive / berinteraksi : konten yang khusus untu interaksi pengguna.
        Element : <a>, <audio>, <video>, <button>, <details>, <embed>, <iframe>, <img>, <input>,              <label>, ,<object>, <select>, <textarea>.

    4. Heading : mendefinisikan sebuah header bagian :
         Element : <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <hgroup>.

    5. Phrasing : model ini memiliki sejumlah element tingkat inline yang sama HTML4.
        Element : <img>, <span>, <strong>, <label>, <br/>, <small>, <sub>.

        Content Model :
        
        a. Flow content : yaitu mengandung mayoritas element HTML 5, yang akan dimasukkan ke                    dalam normal document.
        b. Sectioning content : mendefinisikan ruang lingkup judul, content, navigasi, dan footer.
            Element : <article>, <aside>, <nav>, <section>.

  
3. Struktur halaman di HTML5 

      





SEKIAN MATERI TUTORIAL DARI SAYA ATAS KURANG LEBIHNYA MOHON MAAF

WASSALAMUALLAIKUM WR.WB


____________________________________________________________________

Posting Komentar

0 Komentar