Scribd Logo
Unggah

Selamat datang di Scribd!

  • PWC2

    Diunggah oleh

    Diva Valdyan
    16 tayangan8 halaman
    Laporan praktikum pemrograman web client ini membahas dasar teori HTML5 dan praktik pembuatan dokumen HTML5 menggunakan tag-tag dasar seperti <h1>, <p>, <br>, dan <abbr>. Mahasiswa juga melakukan latihan dan tugas membuat dokumen HTML5 sederhana serta menjelaskan perbedaan deklarasi HTML4 dan HTML5.

    Deskripsi Asli:

    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
    Laporan praktikum pemrograman web client ini membahas dasar teori HTML5 dan praktik pembuatan dokumen HTML5 menggunakan tag-tag dasar seperti <h1>, <p>, <br>, dan <abbr>. Mahasiswa juga melakukan latihan dan tugas membuat dokumen HTML5 sederhana serta menjelaskan perbedaan deklarasi HTML4 dan HTML5.

    Hak Cipta:

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

    PWC2

    Diunggah oleh

    Diva Valdyan
    Laporan praktikum pemrograman web client ini membahas dasar teori HTML5 dan praktik pembuatan dokumen HTML5 menggunakan tag-tag dasar seperti <h1>, <p>, <br>, dan <abbr>. Mahasiswa juga melakukan latihan dan tugas membuat dokumen HTML5 sederhana serta menjelaskan perbedaan deklarasi HTML4 dan HTML5.

    Hak Cipta:

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

    LAPORAN PRAKTIKUM

    PEMROGRAMAN WEB CLIENT

    Disusun oleh :
    NAMA : Diva Valdyan
    NIM : 205610045
    JURUSAN : Sistem Informasi 2

    SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN


    KOMPUTER AKAKOM YOGYAKARTA
    2021
    A. DASAR TEORI
    HTML5 adalah standar terbaru yang digunakan dalam pembuatan dokumen HTML.
    Dokumen HTML5 diawali dengan deklarasi . Deklarasi ini digunakan oleh browser untuk
    mengetahui versi HTML yang digunakan. Struktur baku / template dari suatu dokumen
    HTML5 adalah sebagai berikut :

    B. PRAKTIK
     Jalankan Editor Notepad++
     Buatlah File baru dan simpanlah dengan nama file : modul_p21.html
     Ketikkan script berikut ini : (Terdapat dalam modul 2)
     Jalankan file modul_p21.html, dengan cara melakukan klik 2x pada windows
    explorer.
     Letakkan cursor mouse pada tulisan W3C, amati apa yang terjadi!
     Amati hasilnya, berikan penjelasan anda mengenai hal-hal berikut ini:
     Apa arti dan fungsi tag <abbr>?
     Apa persamaan dan perbedaan penggunaan tag <br /> dan tag <p>?
     Sebutkan tag element apa saja yang terdapat di script tersebut !
     Apakah pada script tersebut terdapat HTML attribute? jika ada sebutkan dan
     beri penjelasan fungsi attribute tersebut!
    Jawaban

    1. Fungsi tag <abbr> adalah untuk menulis singkatan, pada praktik diatas contohnya terletak
    pada <abbr title=”World Wide Web Consortium”>W3C</abbr>. World Wide web
    Consortium menjadi W3C.
    2. Persamaannya, sama-sama digunakan untuk mengganti alinea baru. Perbedaan tag
    <p> dengan tag <br> adalah tag <p> akan memberikan ruang spasi setiap kali ganti
    paragraph, sedangkan tag <br> tanpa memberikan ruang spasi setiap kali ganti
    baris.
    3. <h1>, </h1>, <p>, </p>, <br />, <head>, <b>, </b>, <abbr>, </abbr>, </body>, </html>.

    4. Didalam script tidak ada attribut.

     Buatlah File baru dan simpanlah dengan nama file : modul_p22.html


     Ketikkan script berikut ini : (terdapat didalam modul)
     Jalankan script tersebut di browser, dan amati apa yang terjadi! Berikan
    penjelasannya!
    Ini adalah hasil ketika script di jalankan ke browse. Yang terjadi kita dikirimkan ke
    modul_p21.html karena didalam script tercantum link menuju modul_p21.

     Buatlah File baru dan simpanlah dengan nama file : modul_p23.html


     Ketikkan script berikut ini : (terdapat didalam modul)
     Jalankan script tersebut di browser, dan amati apa yang terjadi! Berikan penjelasannya!
    Setelah dijalankan hasilnya menunjukan perbedaan yang spesifik dimana jika tidak menggunakkan
    tag <pre> hasilnya tulisan akan disambung sampai habis pengetikkan sedangankan menggunakkan
    tag <pre> tulisan bisa menjadi rapi karena dapat mengurut kebawah.

    C. LATIHAN
    1. Buatlah file baru bernama : modul_l21.html, kemudian ketikkan script yang menghasilkan
    tampilan sbb :

    Jawaban :
    Ini adalah hasil dari pengetikkan script yang membedakan hanya penggunaan media
    pengetikan yaitu menggunakan Visual Studio Code. Dan yang membedakan dengan yang di
    modul adalah penerapan font.

    D.TUGAS
    1. Jelaskan perbedaan penulisan deklarasi pada HTML 4.01 dengan HTML5 !
    Jawaban :
    1. Perbedaan HTML4 dan HTML5, perbedaannya yaitu: HTML 5 memiliki spesifikasi
    scripting baru yang membedakannya dengan HTML 4, yaitu adanya fitur seperti
    canvas scripting untuk menggambar, local storage dan scripting yang lebih spesifik
    terhadap konten seperti footer, header, nav dan action.

    2. Buatlah 4 buah contoh penggunaan html attribute pada tag html yang masih digunakan di
    html5 disertai penjelasannya! (CATATAN : contoh Tag yang sudah tidak digunakan di HTML5
    adalah )

    1. Href Atribut

    Href atribut digunakan untuk mengarahkan pengguna ke link tujuan. Tujuannya untuk
    mempermudah mengakses berbagai situs dalm satu web.

    2. Title Atribut

    Title atribut digunakan untuk menjelaskan lebih detail. Biasanya digunakan untuk tookit dari
    judul ataupun gambar.
    3. Id Atribut

    Id atribut digunakan untuk mengidentifikasi keunikan dari setiap elemen yang ada dalam
    satu halaman web. Biasanya digunakan di CSS.

    4. Lang Atribut

    Lang Attribut digunakan untuk mengidikasikan bahasa utama dari sebuah website.

    E. KESIMPULAN
     Pada praktikum pertemuan ini mahasiswa mempelajari banyak jenis tag dan
    atribut pada html.

    Anda mungkin juga menyukai