Scribd
Unggah
12 tayangan3 halaman

Tugas Pemrograman Berbasis Web

Dokumen ini berisi tugas pemrograman berbasis web yang mencakup tujuh topik utama dalam HTML, mulai dari dasar hingga formulir dengan validasi. Setiap topik dilengkapi dengan materi yang dipelajari dan tugas praktis yang harus diselesaikan, seperti membuat halaman HTML, tabel, dan formulir. Semua tugas harus disimpan dalam format .html dan dikompres menjadi satu file dengan nama sesuai NIM mahasiswa.

Diunggah oleh

ninjaheroes19
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
12 tayangan3 halaman

Tugas Pemrograman Berbasis Web

Dokumen ini berisi tugas pemrograman berbasis web yang mencakup tujuh topik utama dalam HTML, mulai dari dasar hingga formulir dengan validasi. Setiap topik dilengkapi dengan materi yang dipelajari dan tugas praktis yang harus diselesaikan, seperti membuat halaman HTML, tabel, dan formulir. Semua tugas harus disimpan dalam format .html dan dikompres menjadi satu file dengan nama sesuai NIM mahasiswa.

Diunggah oleh

ninjaheroes19
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 3

Heru Saputro, M.

Kom

TUGAS PEMROGRAMAN BERBASIS WEB

1. HTML Basics

Materi yang Dipelajari:

 Struktur dasar HTML (<!DOCTYPE html>, <html>, <head>, <body>)


 Elemen dan atribut HTML
 Heading, paragraf, dan format teks

Tugas:
✅ Buat halaman HTML sederhana yang menampilkan biodata mahasiswa dengan heading dan
paragraf.

2. HTML Links dan Images

Materi yang Dipelajari:

 Cara membuat hyperlink dengan <a>


 Menambahkan gambar dengan <img>

Tugas:
✅ Buat halaman yang berisi daftar menu dengan link ke halaman lain dan menyertakan gambar
profil.

3. HTML Tables

Materi yang Dipelajari:

 Struktur tabel dengan <table>, <tr>, <th>, <td>


 Penerapan colspan dan rowspan

Tugas:
✅ Buat tabel yang berisi daftar mahasiswa lengkap dengan nama, NIM, dan jurusan.
4. HTML Forms

Materi yang Dipelajari:

 Membuat formulir dengan <form>, <input>, <textarea>, <select>, dan <button>


 Tipe input seperti text, email, password, radio, checkbox, file upload

Tugas:
✅ Buat formulir pendaftaran mahasiswa yang mencakup nama, email, jenis kelamin, dan
program studi.

5. HTML Multimedia

Materi yang Dipelajari:

 Menambahkan video dengan <video>


 Menambahkan audio dengan <audio>

Tugas:
✅ Buat halaman yang menyertakan video tutorial HTML dan musik latar.

6. HTML Layout & Semantic Elements

Materi yang Dipelajari:

 Penggunaan <header>, <nav>, <section>, <article>, <footer>


 Menggunakan <div> dan <span> untuk pengelompokan elemen

Tugas:
✅ Buat halaman web sederhana dengan layout lengkap yang memiliki header, menu navigasi,
konten utama, dan footer.

7. HTML Forms dengan Validasi

Materi yang Dipelajari:

 Menambahkan validasi pada input dengan atribut required, minlength, maxlength, pattern
 Membuat tombol submit
Tugas:
✅ Buat formulir login dengan validasi input yang hanya menerima email yang valid dan
password minimal 8 karakter.

KETERANGAN:

Total Ada 7 Tugas

Tiap Tugas Simpan Dengan Format .Html

Semua File Jadikan 1 Dalam Winrar

Beri Nama: Nim_Html

NB: Buat sendiri tugasnya, sesuai kreatifitas masing”

Anda mungkin juga menyukai