Scribd Logo
Unggah

Selamat datang di Scribd!

  • Praktek HTML

    Diunggah oleh

    irma yefta
    11 tayangan17 halaman
    design multimedia

    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
    design multimedia

    Hak Cipta:

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

    Praktek HTML

    Diunggah oleh

    irma yefta
    design multimedia

    Hak Cipta:

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

    HTML (HYPERTEXT

    MARKUP LANGUAGE)
    SISTEM KOMPUTER

    DOSEN PENGAMPU:
    RESSY DWITIAS SARI,S.T.,M.T.I
    KONSEP DESAIN WEB
    HTML
    MySQL

    Database CSS
    Oracle

    Web

    WAMP Web Server PHP

    XAMPP
    JavaScript
    TOOLS PENDUKUNG DESAIN
    WEB
    Dreamweaver

    Notepad ++

    Web browser
    HTML ???
    HTML ( Hypertext Markup Language)
     Bahasa atau kode untuk membuat halaman web, agar
    bisa ditampilkan melalui web browser
    SINTAK HTML
    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <head>

    <body>
    </body>
    </html>
    STRUKTUR DOKUMEN HTML
    1. Doctype
    Untuk memberitahu web browser mengenal versi HTML

    HTML 5
    <!DOCTYPE html>

    HTML 4.01
    <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01
    Transitional//EN”
    “http://www.w3.org/TR/html4/loose.dtd”>
    2. Root (elemen dasar) 8. Tag Tunggal
    <html> </html>
    <img> , <area>, <br> , <col> ,
    <link>, <source>, dll
    3. Elemen
    Bagian dari dokumen html.
    <body> </body> , disebut elemen body 9. Atribut
    <title> </title> , disebut elemen judul Informasi tambahan yang disisipkan dalam
    <p> </p> , elemen paragraf sebuah tag
    Contoh : tag <a> disisipi atribut
    4. Tag
    Href=http://www.google.com
    Menandai awal dan akhir. Tag menggunakan tanda
    kurung sudut <...>

    10. Komentar
    5. Nama Tag
    Karakter di dalam tag. Contoh : html, body, title, dll Simbol komentar
    <!– isi komentar - - >
    6. Tag Pembuka
    7. Tag Penutup
    HTML FORM FIELDS
     Text Fields
     <input type="text" name=“text1”/>

     Password Field
     <input type="password" name =“pass”/>

     Radio Buttons
     <input type="radio" name=“radio1” value=“Men”/>
     <input type="radio" name=“radio1” value=“Women”/>
     Checkboxes
     <input type="checkbox" name="vehicle" value="Bike" />
     <input type="checkbox" name="vehicle" value="Car" />

     Submit Button
     <input type="submit" value="Submit" />

     Hidden fields
     <input type="hidden" name=“product_id" value="122">
    FITUR BARU PADA HTML 5
     <article> Unsur <article>

    digunakan untuk mendefinisikan item independen pada halaman yang dapat didistribusikan
    sendiri, seperti sebuah berita, posting blog, atau komentar.
     <section>

    Elemen ini merupakan bagian dari sebuah dokumen atau aplikasi, seperti bab atau bagian dari
    sebuah artikel atau tutorial. Misalnya, bagian Anda baca sekarang bisa dikelilingi oleh elemen
    <section> di HTML5.
     <nav>

    Ini adalah wadah untuk link navigasi utama pada halaman Web
     <aside>

    Elemen baru ini dapat digunakan untuk menandai sebuah sidebar atau beberapa konten lainnya
    yang dianggap agak terpisah untuk konten sekitarnya. Contohnya adalah iklan
     <hgroup>

    Dalam beberapa kasus, halaman, artikel, atau bagian mungkin memerlukan lebih dari satu pos,
    seperti di mana Anda memiliki judul dan subjudul.
     <canvas>

    Unsur ini adalah salah satu aspek yang paling penting dari HTML5 karena memfasilitasi
    produksi grafik, permainan interaktif,aplikasi paint, dan grafis lain dengan cepat tanpa
    memerlukan plug-in eksternal seperti Adobe Flash.
     <audio> dan <video>

    Kedua unsur ini memungkinkan Developer Web untuk memasukkan konten multimedia tanpa
    bergantung pada pengguna untuk memiliki browser tambahan plug-in diinstal.
    TAG <VIDEO>
    TAG <AUDIO>
    Latihan 1 (biodata)
    Latihan 2 (video)
    Latihan 3 (audio)
    Latihan 4 (tabel)
    QUIS
    1. Jelaskan apa itu www, HTTP, URL, dan Domain
    2. Tuliskan kode HTML untuk tampilan berikut !

    Anda mungkin juga menyukai