Pada halaman ini pembuat merangkum dai post sebelumnya yaitu Html tingkat lanjut dan Aplikasi pada Form. Tugas ini dibuat pada pertemuan ke-dua dan ke-tiga

1. Nama : Meinito Syndi
NIM : 201410060311077
Kelas : Pendidikan Matematika 5C
Sumber : Pgri 3. (2011). Rekayasa Perangkat Lunak (Sistem Operasi dan Aplikasi
Internet). Malang : SMK Pgri 3 Malang
Pada materi HTML tingkat lanjut merupakan lanjutan dari materi sebelumnya Adapun
tag html tingkat lanjut seperti memasukan gambar pada web, membuat tabel pada web, dan
membuat link antar dokumen html. Adapun kode (Script) sebagai berikut :
1. Memasukan gambar pada web
Dokumen HTML dapat diperindah dengan mnyertakan gambar pada halaman web yang
dibuat. Tag <IMG> dapa digunakan untuk memanggil dan menampilkan gambar pada
halaman web. Sintaks penulisan tag <img> adalah :
<IMG SRC=”file_gambar” ALT=”nama_alternatif”>
Atribut src digunakan untuk menentukan sumber file gambar yang akan di tampilkan.
Atribut ALT berfungsi untuk memberi tulisan pengganti, apabila gambar tidak
ditampilkan. Tag IMG juga menyediakan atribut seperti align, border, height dan
weight.
2. Membuat tabel pada web
Tabel dalam html dibuat dengan menggunakan tag awal <TABLE>…..</TABLE> tag
ini memiliki beberapa bagian penting seperti <caption> membentuk judul tabel. <th>
memnbuat judul kolom, <tr>membuat baris pada suatu tabel, dan <td> membuat sel
sebuah data. Atribut pada tabel yaitu width, border, bgcolor, cellpadding dan
cellspacing
3. Membuat link antar dokumen web
Link merupakan pautan untuk membuka atau memanggil halaman web atau file
tertentu. Link merupakan tag yang sangat penting dalam penggunaan HTML, karena
disinilah letak perbedaan antara dokumen HTML dengan dokumen teks yang lainya.
Link dapat dibuat dengan memberi perintah tag anchor <a>. Anchor memiliki beberapa
atribut, diantaranya HREF yang berfungsi untuk membuat link ke dokumen HTML
terntentu dan NAME yang berfungsi untuk memberi tanda/nama titik tertentu pada
dokumen HTML yang sama.
<a href=”https://www.google.com/”> Google </a>
Komentar :
Pada materi tingkat lanjut penulis hanya bisa menyebutkan 3 tag saja, akan tetapi sebenarnya
masih banyak tag tag lain yang bisa digunakan dalam membuat halaman web.

2. Nama : Meinito Syndi
NIM : 201410060311077
Kelas : Pendidikan Matematika 5C
Sumber : Pgri 3. (2011). Rekayasa Perangkat Lunak (Sistem Operasi dan Aplikasi
Internet). Malang : SMK Pgri 3 Malang
Sebuah form merupakan bagian dari dokumen web yang dapat diisikan oleh pengguna, untuk
memeberikan informasi tertentu dari pengguna kepada website. Form pada HTML dibuat
dengan menggunakan elemen form. Elemen form harus membungkus seluruh elemen-elemen
masukan form lain memastikan masukan informasi pengguna dapat dibaca oleh aplikasi web.
<form action="#" method="post">……</form>
Atribut yang terdapat pada form adalah action dan method terdapat dua nilai yang diisikan
pada bagian ini, yaitu ger dan post kedua nilai ini merupakan protocol HTTP yang digunakan
untuk pengiriman data.
Elemen teks : <input type=”text”>
Adapun beberapa type dari elemen elemen form :
Nama Fungsi Script
TextArea Masukan teks lebih dari 1 baris <input type=”textarea”>
Text Masukan teks singkat <input type=”text”>
Nilai – nilai yang dapat diisikan pada atribut type yaitu : color, datetime-local, number, tel,
week, date, email, range, time, datetime, mont, search, url, password, text, dan file.
Elemen pemilihan : Radio Button, checkbox, dan Dropdown
<input type="radio" name="sex" value="pria"> Pria (Radio Button)
<input type="checkbox" name="day" value="senin"> Senin (Check Box)
<select name="country"> (Drop down)
<option value="indonesia">Indonesia</option>
Elemen tersembunyi : <input type="hidden" name="csrf_token" value="a1923axclkaseru">
Tombol pada form ada dua yaitu submit dan reset menggunakan <input type=”submit”> dan
<input type=”reset”>
Elemen Fieldset merupakan elemen yang digunakan untuk membungkus beberapa elemen
masukan form, untuk menandakan bahwa elemen-elemen tersebut merupakan elemen masukan
yang berada pada satu grup yang sama, atau saling berhubungan.
Elemen legend digunakan untuk memberikan judul pada sebuah fieldset. Pengunaan elemen
legend sangat sederhana, hanya dengan menambahkan elemen tersebut sebagai child pertama
dari fieldset
Komentar :
Menurut saya form merupakan bagian terpenting dalam sebuah halaman website. Karena pada
form ini website dapat mendapatkan informasi pengguna website yang telah dibuat dan bisa
jadi akan disimpan pada sebuah database yang digunakan oleh sebuah website.