Scribd Logo
Unggah

Selamat datang di Scribd!

  • Dasar HTML

    Diunggah oleh

    Ikhlas Adi Septiawan
    6 tayangan10 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

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

    Dasar HTML

    Diunggah oleh

    Ikhlas Adi Septiawan

    Hak Cipta:

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

    Web Design

    Oleh Iklas Adhi Septiawan


    1. HTML

    Agenda
    2. CSS
    3. JQuery
    4. Bootstrap

    Training
    5. Studi Kasus
    6. Tugas Akhir
    HTML
    Mengenal konsep HTML
    Pengenalan HTML
    ● Hypertext Markup Language (HTML) adalah sebuah bahasa standar yang digunakan untuk membuat
    sebuah halaman web serta menampilkan berbagai informasi yang ada di dalam sebuah website.
    ● HTML bukanlah sebuah bahasa pemrograman melainkan bahasa markup atau penandaan terhadap
    sebuah dokumen teks. Tanda tersebut digunakan untuk menentukan format atau style dari teks yang
    ditandai.
    ● HTML disahkan sebagai suatu dokumen HTML standar setelah mendapat persetujuan dari W3C (World
    Wide Web Consortium), sebuah organisasi internasional yang mengatur standar world wide web (www)
    dunia.
    ● Setiap terjadi perkembangan suatu versi HTML yang telah disetujui oleh W3C, maka browser-browser
    seperti Mozilla Firefox dan Google Chrome pun harus memperbaiki diri agar bisa mendukung kode-kode
    HTML yang baru tersebut.
    History of HTML

    ● HTML versi 1.0


    Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraph, hypertext, list, serta
    cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya
    tanpa memperbolehkan meletakkan teks di sekelilingnya (wrapping).

    ● HTML versi 2.0


    Pada versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan
    suatu form pada dokumen. Dengan adanya form ini, maka kita dapat memasukkan nama,
    alamat, serta saran/kritik. HTML versi 2.0 ini merupakan pionir dari adanya homepage
    interaktif.

    ● HTML versi 3.0


    HTML versi 3.0 menambahkan beberapa fasilitas baru seperti table. Versi ini yang disebut juga
    sebagai HTML+ tidak bertahan lama dan segera digantikan HTML versi 3.2.
    History of HTML

    ● HTML versi 4.1


    HTML versi 4.01 memuat banyak sekali perubahan dan revisi dari pendahulunya. Perubahan ini
    terjadi hampir di segala perintah-perintah HTML seperti table, image, link, text, meta,
    imagemaps, dan form.

    ● XHTML versi 1.0


    XHTML adalah bahasa markup penerus dan pengembangan dari HTML yang memiliki
    kemampuan yang kurang lebih mirip HTML, tapi dengan aturan sintaks yang lebih ketat,
    diluncurkan pada tahun 2000.

    ● HTML versi 5.0


    HTML5 adalah sebuah prosedur pembuatan tampilan web baru yang merupakan
    penggabungan antara CSS, Java Script dengan HTML itu sendiri. Teknologi ini diluncurkan pada
    tahun 2009.
    Fungsi HTML
    1. Membuat, mendesain, dan mengontrol tampilan dari web page (halaman web) dan isinya.

    2. Mempublikasikan dokumen secara online sehingga bisa diakses seluruh dunia

    3. Membuat online form yang bisa digunakan untuk menangani pendaftaran dan transaksi
    secara online.

    4. Menambahkan object – object seperti image, audio, video dan juga java applet (aplikasi
    java seperti java game dll) dalam dokumen HTML.
    Tools yang Dibutuhkan
    1. Browser
    Browser merupakan software yang di install di mesin client (komputer kita sebagai pengguna website)
    yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Contohnya Chrome, Firefox,
    Safari, dll

    2. Text Editor
    Program text editing biasa yang bisa digunakan untuk membuat text document. Contoh text editor
    paling sederhana ialah notepad di Windows. Namun saya merekomendasikan menggunakan VS Code.
    Jika belum memilikinya silahkan download di : https://code.visualstudio.com/download
    Arsitektur HTML

    <!DOCTYPE ....> : deklarasi jenis teknologi HTML yang


    digunakan hanya untuk membantu browser
    menampilkan halaman web dengan tepat

    <html> ... </html> : tag pembuka dari dokumen HTML

    <head> ... </head> : mendefinisikan informasi tentang dokumen


    tersebut

    <title> ... </title> : memberikan judul pada dokumen HTML

    <body> ... </body> : merupakan body dari dokumen HTML.


    Segala sesuatu yang ingin ditampilkan di
    dokumen HTML disimpan dalam tag body ini.
    Tag pada HTML
    Tag pembuka Tag penutup

    Atribut Konten atau Isi

    ● HTML terdiri dari kumpulan tag.


    ● Pada umumnya tag dibuat berpasangan dengan penutupnya. Namun ada beberapa tag tidak
    mewajibkan tag penutup.
    Cara penulisan tag pembuka: <nama_tag>
    Cara penulisan tag penutup: </nama_tag>
    Cara penulisan tag tanpa penutup: <nama_tag/>
    ● Setiap tag dapat disisipkan beberapa atribut dan sifatnya tidak wajib, dan beberapa tag memiliki
    atribut khusus
    Cara penulisan atribut: <nama_tag nama_atribut=”nilai_atribut”></nama_atribut>
    ● Diantara tag pembuka dan penutup terdapat konten
    Cara penulisan konten atau isi: <nama_tag>Isi atau konten</nama_tag>

    Anda mungkin juga menyukai