Scribd Logo
Unggah

Selamat datang di Scribd!

  • Aditya Nugraha - Modul 1 - Prmograman Web

    Diunggah oleh

    Aditya Nugraha
    8 tayangan15 halaman

    Judul Asli

    3411191124_aditya nugraha_modul 1_prmograman web

    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

    Hak Cipta:

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

    Aditya Nugraha - Modul 1 - Prmograman Web

    Diunggah oleh

    Aditya Nugraha

    Hak Cipta:

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

    LAPORAN PRAKTIKUM

    PEMOGRAMAN WEB

    MODUL 1
    HTML

    Disusun oleh :

    ADITYA NUGRAHA 3411191124

    KELAS C

    PROGRAM STUDI INFORMATIKA


    FAKULTAS SAINS DAN INFORMATIKA
    UNIVERSITAS JENDERAL ACHMAD YANI
    2023

    DAFTAR ISI

    Daftar isi
    Daftar isi....................................................................................................................................................2
    DAFTAR GAMBAR......................................................................................................................................4
    I. PENDAHULUAN............................................................................................................................5
    II. HASIL PRAKTIKUM.................................................................................................................7
    1. Membuat dokumen html..............................................................................................................7
    A. Latihan.1....................................................................................................................................7
    III. TUGAS PRAKTIKUM...............................................................................................................9
    1. Tugas Tabel..................................................................................................................................9
    A. Tugas 1.....................................................................................................................................9
    B. Tabel 2.....................................................................................................................................13
    IV. KESIMPULAN..........................................................................................................................14
    DAFTAR PUSTAKA.............................................................................................................................14
    DAFTAR GAMBAR
    1gambar 1.................................................................................................................................................7
    2gambar 2...............................................................................................................................................11
    3gambar 3...............................................................................................................................................13
    I. PENDAHULUAN

    Tujuan:

    1. Mahasiswa mengetahui dasar-dasar HTML


    2. Mahasiswa menerapkan tag-tag HTML dalam sebuah halaman web

    Dasar Teori

    HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam
    pembuatan dukumen dan aplikasi yang berjalan dihalaman web. HTTP ataub Hypertext Transfer
    protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat
    HTML dari web server ke browser (internet explorer, Netscape Navigator, NeoPlanet, dll).

    Struktur Dasar HTML

    Dalam penggunaannya, sebagaian besar kode HTML harus terletak di antara tag kontainer. Yaitu
    diawali dengan <namatag> dan diakhiri </namatag> (terdapat tanda “/”). Struktur dasar dokumen
    HTML berisi elemen-elemen atau tag sebagai berikut:

    <html>

    <head>

    <title>judul form/caption</title>

    </head>

    <body>

    Isi WEB

    </body>

    </html>

    Keterangan:

    <html>…</html> Mendifinisikan bahwa teks yang berada diantara kedua tag tersebut adalah
    file HTML

    <head>…</head> sebagai informasi page header. Di dalam tag ini kata bisa meletakkan tag-tag
    TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META
    <title>…</title> Sebagai title atau judul halaman/form. Kalimat yang terletak di dalam tag ini
    akan muncul pada baian paling atas browse anda (pada title bar).

    <body>…</body> Mendifinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi
    halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti
    bgcolor, background, text, link, vlink, alink, leftmargin dan topmargin.
    II. HASIL PRAKTIKUM

    1. Membuat dokumen html


    A. Latihan.1
    a. Source Code
    <html>
    <head>
    <title>halaman pembuka</title>
    </head>
    <body>
    Proyekpertama saya
    </body>
    </html>
    Screenshot

    1gambar 1

    Gambar II.1 Contoh 1

    c. Analisa

    Keterangan:

    <html>…</html> Mendifinisikan bahwa teks yang berada diantara kedua tag tersebut adalah
    file HTML

    <head>…</head> sebagai informasi page header. Di dalam tag ini kata bisa meletakkan tag-tag
    TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META

    <title>…</title> Sebagai title atau judul halaman/form. Kalimat yang terletak di dalam tag ini
    akan muncul pada baian paling atas browse anda (pada title bar).

    <body>…</body> Mendifinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi
    halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti
    bgcolor, background, text, link, vlink, alink, leftmargin dan topmargin.
    III. TUGAS PRAKTIKUM

    1. Tugas Tabel
    A. Tugas 1
    a. Source code
    <html><head>
    <title>latihan 1</title>
    </head>
    <body>
    <table border="1" width="500" hight="100">
    <tbody><tr>
    <th>No</th>
    <th>Nama</th>
    <th>Nim</th>
    </tr>
    <tr>
    <td>1</td>
    <td>SITI</td>
    <td>34101043</td>
    </tr>
    <tr><td>2</td>
    <td>DIKI</td>
    <td>34101023</td>
    </tr><tr>
    </tr></tbody></table>
    <br>
    <br>
    <table border="1" width="500" hight="100">
    <tbody><tr>
    <th colspan="3">Data Mahasiswa</th>
    </tr>
    <tr>
    <th>No</th>
    <th>Nama</th>
    <th>Nim</th>
    </tr>
    <tr>
    <td>1</td>
    <td>SITIr</td>
    <td>34101043</td>
    </tr>
    <tr>
    <td>2</td>
    <td>DIKI</td>
    <td>34101023</td>
    </tr>
    </tbody></table>
    <br>
    <br>
    <table border="1" width="500" hight="100">
    <tbody><tr>
    <th colspan="4"> Data Penjualan Barang</th>
    </tr>
    <tr>
    <th>1</th>
    <th>Nama Barang</th>
    <th>harga</th>
    <th>Sub Total</th>
    </tr>
    <tr>
    <td>1</td>
    <td>pepsodent</td>
    <td>2500</td>
    <td>5000</td>
    </tr>
    <tr>
    <td>2</td>
    <td>sarimi</td>
    <td>6000</td>
    <td>3000</td>
    </tr>
    <tr>
    <td></td>
    <th colspan="2">total</th>
    <td>80000</td>
    </tr>
    </tbody></table>

    </body></html>

    b. Screenshot

    2gambar 2
    c. Analisa
    Program ini membuat daftar table baik table namamahasiswa ,data mahasiswa atau data
    penjualan barang
    B. Tabel 2
    A.Source code

    <body>

    <table border="3">

    <tbody><tr>

    <td width="1000px" height="100px" colspan="3" align="center"


    bgcolor="yellow"><h1>Selamat datang diWeb Unjani</h1></td>
    </tr>

    <tr>

    <td width="200px" height="450px" bgcolor="green"><b><center>Link


    :</center></b>

    <ul>

    <li><b>Unjani</b></li>

    <li><b>Dikti</b></li>

    <li><b>ITB</b></li>

    </ul>

    </td>

    <td align="center" width="1250px" height="450px" bgcolor="green"><img


    src="logo.jpg"> <br>
    <label><b><h1>Universitas Jendral Achmad Yani merupakan universitas
    Swasta terbaik di Jawa Barat</h1></b></label></td>
    <td width="200px" height="300px" bgcolor="green">

    <ol><u><b>Pengumuman</b></u>

    <li><u><b>Diesnatalis</b></u></li>

    <li><u><b>Seminar TA</b></u></li>

    <li><u><b>Sidang Skripsi</b></u></li>

    </ol>

    </td>

    </tr><tr>
    <td colspan="3" align="center" bgcolor="blue"><h3>Design by :Aditya
    nugraha - NIM 3411191124</h3></td>
    </tr>

    </tbody></table>

    </body>
    b.

    b.Screenshot

    3gambar 3

    C..analisa

    Dalam program ini di dalam HTML dapat memasukan gambar juga asalkan lokasi file gambar sama
    dengan file html tersebut atau dalam 1 folder yang sama
    IV. KESIMPULAN

    HTML adalah bahasa markup yang membentuk struktur halaman website agar
    dapat diproses dan dikenali oleh web browser.dan dalam modul 1 kita diajar kan
    membuat table dan cara memasukan gambar pada web
    DAFTAR PUSTAKA

    Anda mungkin juga menyukai