Scribd Logo
Unggah

Selamat datang di Scribd!

  • Laporan Praktikum Pemrograman WEB MODUL I

    Diunggah oleh

    Astomo Hasto
    3K tayangan8 halaman
    Laporan Praktikum Pemrograman WEB

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    DOC, 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

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    3K tayangan8 halaman

    Laporan Praktikum Pemrograman WEB MODUL I

    Diunggah oleh

    Astomo Hasto
    Laporan Praktikum Pemrograman WEB

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 8

    MODUL I

    PENGENALAN HTML

    A. MAKSUD dan TUJUAN


    1. Maksud
    • Mengenalkan pada mahasiswa mengenai pemrograman
    WEB dengan menggunakan HTML
    • Mengenalkan kode-kode HTML
    2. Tujuan
    • Mahaiswa dapat membuat halaman WEB dengan menggunakan
    kode HTML secara sederhana
    • Mahaiswa dapat membuat tampilan dokumen HTML dengan
    menggunakan permainan warna, dan berbagai jenis tapilan teks

    B. DASAR TEORI
    HTML merupakan HyperText Markup Language, yaitu bahasa
    pemrograman untuk membangun aplikasi web. Untuk membuat sebuah web
    dan mengakses halaman web tersebut diperlukan :
    1. Editor, untuk menuliskan kode-kode HTML
    2. Web Server, sebagai server untuk melayani permintaan klien
    (Apache)
    3. Web Browser, untuk mengakses halaman Web
    Bagian yang terdapat dalam tag HTML terdiri dari
    • Kepala
    • Badan
    Untuk menampilkan Tulisan / Teks dihalaman web, dengan mengetikkan
    teks dalam tag <BODY>…</BODY>, dan unutk mengatur peletakkan teks,
    ada beberapa teks yang digunakan.
    Warna font dapat diatur pada BODY dan juga tag FONT, untuk warna
    latar belakang teks dapat ditentukan dengan menggunakan atribut BGCOLOR
    pada tag BODY. Dan untuk warna latar depan teks diatur melalui atribut
    COLOR pada tag FONT.
    Memanpilkan gambar utnuk content web maupun sebagai latar belakang
    halaman web dapat menambahkan atribut BACKGROUND pada tag
    <BODY>, dan untuk menampilkan gambar dalam halaman web dapat
    menggunakan tag <IMG>.
    Membuat garis horizontal dapat menggunakan tag <HR>.

    C. PEMBAHASAN
    Pada praktikum modul ini kita akan membuat program yang sederhana.
    Kita juga dapat mendesain program tersebut sesuai dengan keinginan kita.
    Dimana kita dapat memberikan warna Font, menampilkan gambar, membuat
    garis horizontal, dan lainnya.
    Pada penulisan program praktikum kali ini, terdapat :
    • Pasangan tag <html> dan </html> yang menandakan
    bahwa kode yang terdapat didalamnya adalah kode html, sehingga browser
    akan menerjemahkan sebagai dokumen html.
    • Bagian yang terdapat dalam <html> dan </html>
    biasanya terbagi atas kepala, dan badan.
    • Bagian kepala ditandai dengan pasangan tag <head> dan
    </head>, sedangkan bagian badan ditandai dengan tag <body>, dan
    </body>.
    • Pada bagian kepala, anda bisa menentukan judul
    dokumen html. Judul ini ditulis dalam pasangan tag <title> dan </title>.
    Pada contoh diatas, judul dokumen html berupa “Halaman Web dengan
    HTML”.
    • Terdapat beberapa kode <Br> pada teks program, ini
    menandakan adanyakita akan membuat garis baru atau pindah baris.
    • Terdapat kode <Body bgcolor =”silver”> yang
    merupakan pemberian warna Silver untuk badannya.
    • Terdapat kode <img src=” blue hills”> yang merupakan
    pemberian gambar, kebetulan gambar yang dipakai bernama blue hills.
    Kita bisa mengganti gambar sesuai dengan keinginan kita sendiri.
    • Terdapat kode <BODY background=<” danau biru.jpg”>
    yang merupakan gambar latar belakang halaman web.
    D. KESIMPULAN
    HTML adalah sebuah bahasa pemrograman untuk membuat sebuah
    halaman web. Anda perlu menuliskan kode melalui editor teks seperti
    NotePad dilingkungan Windows. Kita dapat mendesain program tersebut
    sesuai dengan keinginan kita. Dimana kita dapat memberikan warna Font,
    menampilkan gambar, membuat garis horizontal, dan lainnya.

    E. TUGAS
    1. Memodifikasi halaman Web dengan memberikan tag untuk
    membuat tampilan teks menjadi rata kiri, kanan, dan tengah :
    • Rata kanan :

    Output :
    • Rata kiri :

    Output :

    • Rata tengah :
    Output :

    2. Buatlah tampilan teks agar sebagian teks ada yang tercetak tebal,
    miring, dan juga menggunakan garis bawah :
    Output :

    3. Memodifikasi warna teks dengan menambahkan atribut untuk


    warna teks :

    Output :
    4. Aturlah teks terhadap posisi gambar dengan mencoba berbagai
    atribut yang digunakan untuk mengatur peletakan gambar terhadap teks.

    Output :

    5. tambahkan sebuah garis pada akhir tulisan dengan tag <HR>


    dengan ukuran 8 dan gunakan warna merah
    F. LISTING
    Terlampir

    Anda mungkin juga menyukai