Scribd Logo
Unggah

Selamat datang di Scribd!

  • Modul 1

    Diunggah oleh

    EXa Kurniawan
    14 tayangan9 halaman
    tex

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    tex

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    14 tayangan9 halaman

    Modul 1

    Diunggah oleh

    EXa Kurniawan
    tex

    Hak Cipta:

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

    1

    LAPORAN PRAKTIKUM
    PENGENALAN WEB
    MODUL I




    Di Susun Oleh :
    Nama : Eka Kurniawan
    Nim : 045410067


    JURUSAN TEHNIK INFORMATIKA
    Sekolah Tinggi Manajemen Informatika dan Komputer
    AKAKOM
    Yogyakarta
    2014
    2

    Modul I

    1. Pembahasan

    Praktek 1 Paragraph










    Script diatas merupakan script HTML sederhana. Seperti yang sudah dijelaskan pada modul, HTML
    terdiri dari Header (kepala), Title (judul), Body (badan/isi). Pada script di atas kita mencoba membuat
    sebuah halamam web berjenis HTML yang terdiri dari 3 baris kalimat. Poin yang ditekankan adalah
    bagaimana membuat sebuah paragraph baru. Sebenarnya jika hanya terdiri dari 3 baris kita bias saja
    menggunakan tag <br>. Namun perhatikan apa yg membedakan penggunaan tag <p> dan tag <br> pada
    script diatas?. Tag <p> akan memberikan ruang spasi setiap kali ganti baris, sedangkan tag <Br> tidak.
    Berikut hasilnya jika dijalankan pada browser :
    <HTML>
    <Head>
    <Title>P.web : ini adalah title</title>
    </head>
    <BODY>
    <P>
    Mari Belajar HTML dengan meggunakan paragraph
    <P>
    Ini juga paragraph, silahkan dicoba
    <P>
    Ada tiga Paragraph disini
    </body>
    </HTML>
    3


    Praktek 2 tanpa br









    Pada praktek ini kita diajarkan menggunakan tag <Br>, dimana kita akan membuatdokumen dengan
    menyertakan bullet. Setelah dijalankan pada browser, yang terjadi tampak seperti gambar diatas.
    Dokumen tersebut menjadi satu paragraph tanpa terpisah seperti pada script. Hal ini disebabkan tidak
    adanya tag <br>. Dengan hal ini kita akan memahami fungsi dari tag <br> itu sendiri.
    <HTML>
    <Head>
    <Title>Tag br</title>
    </head>
    <BODY>
    Dokumen ini yang akan ditampilkan di web browser anda.
    - Web statis adalah web yang berisi informasi-informasi yang bersifat statis (tetap)
    - Web Dinamis adalahweb yang menampilkan informasi-informasi yang bersifat dinamis
    - Perhatikan perbedaan antara yang menggunakan br dan yang tidak, selamat mencoba.
    </body>
    </HTML>
    4

    Praktek 3 - Menggunakan br

    Untuk membandingkan perbedaan dengan menggunakan tag <br> maka pada praktek 3 ini akan kita
    tambahkan tag <br>. Sesuai yang sudah dijelaskan sebelumnya tag ini akan membuat baris baru pada
    halaman web. Berikut hasilnya :

    Praktek 4 - Menggunakan XHTML

    5


    Pada praktek 4 ini kita menggunakan XHTML, perbedaan XHTML dengan HTML sudah dijelaskan pada
    modul. Yang patut kita cermati adalah penulisan TAG yang harus menggunakan huruf kecil serta tag
    penutup. Tampak pada script diatas kita menggunakan tag XHTML yaitu DOCTYPE. DOCTYPE merupakan
    deklarasi pada dokumen XHTML. Untuk formatnya sama saja seperti HTML. Sehingga untuk perbedaan
    hasil pada web browser tidak terlalu kelihatan, berbeda jika script sudah mulai kompleks bahkan dengan
    CSS. Dengan format penulisan HTML bias saja terjadi error seperti tampilan yang jadi berantakan.
    Praktek 5 - Menggunakan XHTML


    Perhatikan penulisan tag <br> pada script diatas, hanya ditulis penutupnya saja. Memang tag <br>
    merupakan tag yang bisa digunakan tanpa berpasangan atau disebut self closing tag. Pada HTML
    penulisan <Br> saja tidak menjadi masalah, namun pada XHTML penulisan harus ditutup seperti <br/>.


    6

    Latihan (mengubah ke XHTML)
    Untuk pembahasan latihan menggunakan XHTML, sama saja seperti pembahasan diatas. Cuma harus
    mengubah tag menjadi huruf kecil serta memperhatikan tag penutup.
    1. Paragraph









    7

    2. Tanpa br


    3. Menggunakan br




    8

    2. TUGAS
    Membuat Surat dengan Format XHTML


    Hasil :


    9

    3. Kesimpulan
    Kesalahan yang sering terjadi saat menggunakan format XHTML adalah penulisan tag yang tidak
    beraturan (besar kecil huruf). Sehingga pada tampilan browser akan terjadi error berupa
    tampilnya tag tersebut. Maka yang harus diperhatikan dalam penulisan XHTML adalah case
    sensitive dan juga harus sesuai format. Ini yang menjadi perbedaan dasar antara HTML dan
    XHTML.

    4. LISTING

    Anda mungkin juga menyukai