Assalamualaikum wr wb..
Selamat malam sahabat kreatif, kali ini saya membagikan tutorial membuat form Pendaftaran menggunakan HTML. Bahan yang perlukan hanyalah
oke langsung saja ini gambaran hasilnya..
Nama : Mohammad Ramli
NIM : 1310651201
Form Pendaftaran
Tutorialnya..
Buka Notepad++
Ketikkan kode berikut pada notepad++
<!DOCTYPE HTML>
<html>
<head>
<title>Judul</title>
</head>
<body>
</body>
</html>
lalu simpan dalam format nilai.html
Keterangan :
<!DOCTYPE HTML> : merupakan tag untuk menggunakan HTML 5.
<html> ... </html> : merupakan tag pembuka dari dokumen html.
<head> ... </head> :
<title> ... </title> : merupakan tag untuk memberikan judul pada dokumen html.
<body> ... </body> : merupakan body dari dokumen html. Segala sesuatu yang ingin
ditampilkan di dokumen html disimpan dalam tag body ini.
selanjutnya beri warna pada background letakkan dalam <body>
<body bgcolor="#99FF00">
Tambahkan Kode berikut kedalam <body> .... </body>
Form Pendaftaran
Keterangan :
<h1> .... </h1> : ini adalah text format yang di gunakan untuk judul, untuk penggunaanya seperti contoh di bawah ini
<h1>Heading Level 1</h1>
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<h6>Heading Level 6</h6>
hasilnya :
Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Membuat Form dan Tabel<form> .... </form> : Membuat form
<table> .... </table> : membuat tabel
<tr> ....</tr> : membuat banyaknya baris
<td> .... </td> : membuat banyaknya kolom
colspan :menyatukan beberapa kolom tabel
rowspan : meyatukan beberapa basir pada tabel
Membuat Combobox
<select name="bln">
<option value=1>Januari
<option value=2>Februari
<option value=3>Maret
<option value=4>April
<option value=5>Mei
</select> /
hasilnya :
Membuat Radio Button
<tr>
<td>Jenis Kelamin </td>
<td>: </td>
<td></td>
<td><input name="gendor" value="Male" type="radio">Male</td>
</tr>
<tr>
<td></td>
<td>: </td>
<td></td>
<td><input name="gendor" value="Female" type="radio">Female</td>
</tr>
hasilnya :
| Jenis Kelamin | : | Male | |
| : | Female |
keterangan :
name di samakan agar saat memilih pilihan yang kedua tanda centang bisa berpindah
Menyisipkan Gambar Pada From
pertama siaplan dulu gambarnya..
karena untuk bisa di lihat secara online ya harus di upload dulu gambarnya..
jika sudah copy link url-nya, misal https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsMVw656Mhx1QmkvP7RfDyTbsY6EQZ_YwpQLl80gg4FjYlSCSW4NarZBOB4ygqCOY7z_ZW8q-lbExkeqkAQ9dNG67HQdCZv-cQXftFVEQemF28P8nrFZMEFP-Mg_T3_S2ENylr3casKWwd/s1600/rhaomlie.jpg
jika ofline tempatkan gambar dan file.html dalam satu folder link url ganti dengan rhaomlie.jpg
<img alt="rhaomlie" height="150" src="link url" width="100" />
Keterangan :
height = Tinggi gambar
width = Lebar gambar
wez beres selesai tutorialnya..
jika masih bingung langsung download aja Surcode dalam bentuk html
0 Komentar Sahabat:
Post a Comment
Jadilah yang pertama...