Scribd Logo
Unggah

Selamat datang di Scribd!

  • Laporan Desain Web 2

    Diunggah oleh

    EfArd
    0 tayangan4 halaman

    Judul Asli

    5121521014 laporan Desain Web 2

    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
    0 tayangan4 halaman

    Laporan Desain Web 2

    Diunggah oleh

    EfArd

    Hak Cipta:

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

    LAPORAN Layout dan Konten pada HTML5

    Oleh :
    Nama : Sajid Naufal Al Bakhri
    NRP 5121521006
    Jurusan : Multimedia Broadcasting
    Dosen Pengajar : Wiratmoko Yuwono ST,.MT

    PROGRAM STUDI D3 PSDKU_LA MULTIMEDIA


    BROADCASTING POLETEKNIK ELEKTRONIKA NEGERI
    SURABAYA ( PENS ) TAHUN 2023
    DASAR TEORI
    Elemen Pengelompokan (Grouping Elements)
    Elemen pengelompokan pada HTML digunakan untuk mengelompokkan elemen yang masihterkait satu
    sama lailn. Elemen pengelompokan memudahkan kita untuk mengatur posisi, dan memperindah tampilan
    web kita. Terdapat beberapa elemen pengelompokan pada HTML, beberapa contohnya yaitu
    <nav>,<header>, <section>, <div> dan <footer>Langkah pengerjaan

    1. Masuk ke Software Visual Studio Code

    2. Buat File Text baru

    3. Masukan Coding berikut atau anda bias masukan Coding yang anda mau
    <!DOCTYPE html>

    <html lang="en">
    <head>
    <img src="pens.png" alt="" width="100" height="100" />

    <section>
    <span> <a href="#">Home </a> </span>
    <section>
    <span> <a href="#">Feature </a> </span>
    <section>
    <span> <a href="#">Pages </a> </span>
    <section>
    <span> <a href="#">Portofolio </a> </span>
    <section>
    <span> <a href="#">Blog </a> </span>
    <section>
    <span> <a href="#">Shop </a> </span>
    <section>
    <span> <a href="#">ShortCodes </a> </span>
    </div>
    </html>

    <table class="tb1" border="1" cellpadding="20">


    <tr></tr>
    <td>version </td>
    <td>Date Registered </td>
    </tr>

    </tr>
    <tr>
    <td> <ul>
    <li> 1.0
    </ul> </td>

    <td>
    <ul>
    <li>Fix Loading Eror
    <li>Fix spam Notification
    </ul>
    </td>
    </tr>
    <tr>
    <td> <ul>
    <li> 2.0
    </ul> </td>
    <td>
    <ul>
    <li>Fix Double User
    <li>Fix Worng color
    </ul>
    </td>

    4. Edit sesuai kebutuhan anda dan jalankan coding tersebut dengan menekan
    Ctrl + f5
    Lalu akan muncul tambilan web nya

    Kesimpulan
    desain web data pribadi cukup mudah dilakukan dengan coding sederhana menggunakan Visual
    Studio atau dengan aplikasi lain nya

    Anda mungkin juga menyukai