Scribd Logo
Unggah

Selamat datang di Scribd!

  • Laporan Praktikum Pemrograman Web 1

    Diunggah oleh

    Aditya Eka Prasetya
    17 tayangan8 halaman
    Laporan praktikum pemrograman web membahas modul dasar-dasar HTML. Terdiri dari penjelasan tugas, langkah-langkah membuat elemen dasar HTML seperti judul, paragraf, dan penggunaan atribut align pada heading beserta screenshotnya. Tidak ada kendala yang dihadapi dan kesimpulannya menjelaskan tag-tag dasar HTML beserta fungsinya.

    Deskripsi Asli:

    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
    Laporan praktikum pemrograman web membahas modul dasar-dasar HTML. Terdiri dari penjelasan tugas, langkah-langkah membuat elemen dasar HTML seperti judul, paragraf, dan penggunaan atribut align pada heading beserta screenshotnya. Tidak ada kendala yang dihadapi dan kesimpulannya menjelaskan tag-tag dasar HTML beserta fungsinya.

    Hak Cipta:

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

    Laporan Praktikum Pemrograman Web 1

    Diunggah oleh

    Aditya Eka Prasetya
    Laporan praktikum pemrograman web membahas modul dasar-dasar HTML. Terdiri dari penjelasan tugas, langkah-langkah membuat elemen dasar HTML seperti judul, paragraf, dan penggunaan atribut align pada heading beserta screenshotnya. Tidak ada kendala yang dihadapi dan kesimpulannya menjelaskan tag-tag dasar HTML beserta fungsinya.

    Hak Cipta:

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

    LAPORAN PRAKTIKUM

    PEMROGRAMAN WEB
    OLEH: ADITYA EKA PRASETYA (22520244007)

    MODUL 1
    TOPIK:
    Dasar-dasar HTML

    1
    TABLE OF CONTENTS
    Week #2................................................................................................1
    A. Penjelasan Tugas Praktikum...................................................................3

    B. Langkah-langkah dan Screenshot...........................................................3


    C. Kendala yang Dialami..............................................................................6

    D. Kesimpulan..............................................................................................6

    2
    A. Penjelasan Tugas Praktikum
    Pada praktikum ini dijelaskan tentang dasar-dasar HTML seperti struktur
    dasar HTML, cara membuat html, dan cara menggunakan elemen-elemen
    dasar beserta atributnya.

    B. Langkah-langkah dan Screenshot


    1. Membuat halaman HTML
     Buka text editor seperti visual studio code atau sublime.
     Buat file baru dengan nama latihan1.1.html
     Masukkan teks berikut :
    Kode Program:

    <!DOCTYPE html>
    <html>
        <head>
            <!-- Ini adalah baris komentar-->
            <title>Ini adalah judul dokumen</title>
        </head>

        <body>
            Ini adalah teks di body
        </body>
    </html>

    Screenshot:

    3
    2. Membuat Heading
     Heading merupakan salah satu elemen penting di dalam
    dokumen HTML.
     Heading didefinisikan menggunakan tag <hn> dan diakhiri
    dengan </hn>, dimana n menyatakan tipe dengan nilai 1-6.
    Kode Program:

    <!DOCTYPE html>
    <html>
        <head>
            <!-- Ini adalah baris komentar-->
            <title>Ini adalah judul dokumen</title>
        </head>

        <body>
            <h1>Heading 1</h1>
            <h2>Heading 2</h2>
            <h3>Heading 3</h3>
            <h4>Heading 4</h4>
            <h5>Heading 5</h5>
            <h6>Heading 6</h6>
        </body>
    </html>

    Screenshot:

    4
    3. Menggunakan atribut align pada heading
     Elemen heading menyediakan atribut align yang dapat
    digunakan untuk mengatur posisi teks.
    Kode Program:

    <!DOCTYPE html>
    <html>
    <head>
    <!-- Ini adalah baris komentar-->
    <title>Ini adalah judul dokumen</title>
    </head>

    <body>
    <h1 align="center">Heading 1</h1>
    <h2 align="left">Heading 2</h2>
    <h3 align="right">Heading 3</h3>
    </body>
    </html>

    Screenshot:

    5
    4. Membuat paragraf
     HTML, paragraf direpresentasikan melalui tag <p> dan diakhiri
    dengan tag </p>.
    Kode Program:

    <!DOCTYPE html>
    <html>
    <head>
    <!-- Ini adalah baris komentar-->
    <title>Ini adalah judul dokumen</title>
    </head>

    <body>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
    Tempore debitis amet excepturi molestias dolorum impedit, ea non
    repellendus doloremque alias? Quaerat atque labore porro ab quis cum in
    beatae consequatur.</p>
    <p>Ini paragraf kedua</p>
    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit.
    Corrupti, nulla.</p>
    <p>Ini paragraf keempat</p>
    </body>
    </html>

    Screenshot:

    6
    C. Kendala yang Dialami
    Selama melakukan praktikum tidak ada kendala sama sekali.

    D. Kesimpulan
    Pada dasarnya HTML tersusun atas beberapa tag, elemen, dan atribut.
    Pada praktikum ini dijelaskan tentang beberapa tag, elemen, dan atribut
    dan berikut fungsi-fungsinya.

     Setiap dokumen HTML harus diawali dengan tag <html> dan


    diakhiri dengan komplemennya, yakni tag </ html > tag.
     Tag <head> dan </head>: digunakan untuk menyatakan
    informasi mengenai dokumen HTML.
     Tag <title> dan </title>: digunakan untuk menambahkan title
    di judul bar browser.
     Tag <body> dan </body>: digunakan untuk melingkupi
    semua teks yang terdapat di halaman HTML.
     Di HTML, komentar dinyatakan dengan tag <! -- dan diakhiri
    dengan tag-->.
     Heading digunakan untuk membuat judul pada halaman web,
    tag heading terdiri dari 6 tingkatan dari yang paling besar h1,
    h2, h3, h4, h5, dan h6 yang terkecil. Penulisannya
    menggunakan tag <hn> dan diakhiri dengan </hn>, dimana n
    menyatakan nilai 1-6.

    7
     Align merupakan atribut heading yang digunakan untuk
    mengatur posisi teks. Ada 3 jenis align yaitu center, left, dan
    right. Penulisannya ada didalam tag pembuka seperti, <h1
    align="center">Heading 1</h1>.
     Pada web, Paragraf biasanya digunakan untuk menampilkan
    teks atau artikel. Paragraf pada HTML dibuat dengan tag <p>
    dan ditutup dengan tag </p>.

    Anda mungkin juga menyukai