REKAYASA PERANGKAT LUNAK LABSHEET PEMROGRAMAN WEB Semester :1 180 menit Mengoperasikan bahasa pemograman berbasis web No : LST/RPL/2014/08 Revisi : 01 Tgl : 28 Agustus 2014
TUJUAN a. b.
Memahami dan mengaplikasikan tag-tag HTML dalam sebuah web. Dapat berkreasi dengan tabel, form dan frame untuk membuat sebuah karya web personal.
ALAT DAN BAHAN 1) 1 (Satu) unit komputer KESELAMATAN KERJA 1) Gunakan peralatan sesuai dengan fungsinya. 2) Bekerjalah sesuai dengan cara kerja atau petunjuk yang telah ditentukan. LANGKAH KERJA 1) Periksa semua kabel penghubung pada komputer. 2) Hidupkan komputer dengan menekan saklar pada komputer, jangan menghidupkan komputer dengan memasukkan colokan ke stop kontak ketika saklar dalam keadaan On. 3) Jalankan aplikasi Notepad. Start all program accessories Notepad 4) Buat file baru Klik New File. 5) Ketiklah tag HTML di bawah ini, perhatikan untuk penulisannya, untuk tag HTML gunakan huruf kapital.
Latihan 1. contohtabel.html <TITLE>Contoh Tabel
| baris 1, kolom 1 | baris 1, kolom 2 |
| baris 2, kolom 1 | baris 2, kolom 2
Dibuat oleh : Wening Tyas S
SMKN 1 Wonosobo
REKAYASA PERANGKAT LUNAK LABSHEET PEMROGRAMAN WEB Semester :1 180 menit Mengoperasikan bahasa pemograman berbasis web No : LST/RPL/2014/08 Revisi : 01 Tgl : 28 Agustus 2014
|
2.tabelheader.html <TITLE>Tabel Header
Table headers:
| Name | Telephone | Telephone |
| Bill Gates | 555 77 854 | 555 77 855 |
Vertical headers:
| First Name: |
Dibuat oleh : Wening Tyas S
SMKN 1 Wonosobo
REKAYASA PERANGKAT LUNAK LABSHEET PEMROGRAMAN WEB Semester :1 180 menit Mengoperasikan bahasa pemograman berbasis web No : LST/RPL/2014/08 Revisi : 01 Tgl : 28 Agustus 2014
Bill Gates |
| Telephone: | 555 77 854 |
| Telephone: | 555 77 855 |
3.span.html <TITLE>
Sel yang menggabungkan 2 kolom :
| Name | Telepon |
| Bill Gates |
Dibuat oleh : Wening Tyas S
SMKN 1 Wonosobo
REKAYASA PERANGKAT LUNAK LABSHEET PEMROGRAMAN WEB Semester :1 180 menit Mengoperasikan bahasa pemograman berbasis web No : LST/RPL/2014/08 Revisi : 01 Tgl : 28 Agustus 2014
555 77 854 | 555 77 855 |
Sel yang menggabungkan dua baris:
| First Name: | Bill Gates |
| Telepon: | 555 77 854 |
| 555 77 855 |
4.
tabeldalamtable.html
<TITLE>
|
Dibuat oleh : Wening Tyas S
SMKN 1 Wonosobo
REKAYASA PERANGKAT LUNAK LABSHEET PEMROGRAMAN WEB Semester :1 180 menit Mengoperasikan bahasa pemograman berbasis web No : LST/RPL/2014/08 Revisi : 01 Tgl : 28 Agustus 2014
Ini paragraf
Ini paragraf lain | Sel ini berisi tabel: |
| Sel ini berisi list | Hallow |
Dibuat oleh : Wening Tyas S
SMKN 1 Wonosobo
REKAYASA PERANGKAT LUNAK LABSHEET PEMROGRAMAN WEB Semester :1 180 menit Mengoperasikan bahasa pemograman berbasis web No : LST/RPL/2014/08 Revisi : 01 Tgl : 28 Agustus 2014
5. contohform.html <TITLE>Contoh Membuat Form
FORM PENDAFTARAN ONLINE
Dibuat oleh : Wening Tyas S
SMKN 1 Wonosobo
REKAYASA PERANGKAT LUNAK LABSHEET PEMROGRAMAN WEB Semester :1 180 menit Mengoperasikan bahasa pemograman berbasis web No : LST/RPL/2014/08 Revisi : 01 Tgl : 28 Agustus 2014
Tugas a.
b.
Dibuat oleh : Wening Tyas S
Simpan file berikut di folder yang anda buat tadi dengan nama head.html head.html <TITLE>Membuat Web dengan HTML - Tables
Contoh Halaman Tabel
Ini adalah contoh tabel sederhana. | Ini adalah head. |
|---|
| Ini adalah body. |
tabel.html <TITLE>Tables
Contoh Tabel
Tabel Sederhana. | Head. |
|---|
| Body. |
Tabel kompleks.  | SMK Negeri 2 Yogyakarta
Jl. AM. Sangaji No. 47
SMKN 1 Wonosobo
REKAYASA PERANGKAT LUNAK LABSHEET PEMROGRAMAN WEB Semester :1 180 menit Mengoperasikan bahasa pemograman berbasis web No : LST/RPL/2014/08 Revisi : 01 Tgl : 28 Agustus 2014
|
| Multimedia | Teknik Komputer Jaringan | Mesin | Otomotif |
| Pria | 56 | 160 | 144 | 144 |
| Wanita | 16 | 20 |
c.
Dibuat oleh : Wening Tyas S
feedback.html <TITLE>Forms
Feedback Form
Isi form berikut untuk melengkapi identitas anda!
Dibuat oleh : Wening Tyas S
SMKN 1 Wonosobo
