Membuat Checkbox Menggunakan HTML

Checknox digunakan untuk memberikan keleluasaan kepada user dalam memberikan pilihan.
perhatikan tampilan di bawah ini:

Contoh Penggunaan Checkbox

Hoby	Membaca Olahraga Hiking Turing Game Online

Untuk menggunakan checkbox berikut adalah kodingnya:
<html>
<head>
</head>
<body>
<form>
<table>
<tr>
<td>Hoby</td><td>
<input type="checkbox" name="hoby">Membaca</input><br />
<input type="checkbox" name="hoby">Olahraga</input><br />
<input type="checkbox" name="hoby">Hiking</input><br />
<input type="checkbox" name="hoby">Turing</input><br />
<input type="checkbox" name="hoby">Game Online</input>
</tr>
</table>
</form>
</body>
</html>

Soal Web Dasar 1

Jawablah soal-soal di bawah ini dengan cara mengklik radio button pada jawaban yang anda Anggap benar.
1.  Kepanjangan dari HTML adalah...........

Hypertext Markup Language
Hypertext Marking Language
Hypertext Markup Link
Hypertest Markup Language
Hypertext Make Language

2.  Penulisan tag HTML yang benar adalah..........

<HTML>
     <HEAD>
     </HEAD>
     <TITLE>
     </TITLE>
     <BODY>
      </BODY>
     </HTML>
<HTML>
    <HEAD>
     <TITLE>
     </TITLE>
    </HEAD>
    <BODY>
    </BODY>
    </HTML>
Hypertext Markup Link Hypertest Markup Language Hypertext Make Language

3.  Efek dari penggunaan tag <font color=#000000> adalah
4.  Elemen <a> digunakan untuk .........
5.  Elemen yang tepat untuk membuat menu pada web adalah......

Tag Hyperlink Untuk membuat link

elemen <a> digunakan untuk membuat link antara satu file yang satu dengan yang lain.  Sehingga web menjadi lebih menarik.
Mengapa menarik karena setiap file yang diasosiasikan sebagai halaman, dapat fokus pada satu informasi saja.
Contoh:
Halaman pendaftaran dapat fokus pada pendaftaran tanpa menampilkan isi yang lain. 
Halaman beranda dapat fokus pada beranda, tanpa memuat informasi yang lain.
Berikut kami berikan contoh membuat link.

Pertama anda persiapkan dua file html dengan posisi sejajar (artinya pada level yang sama/pada folder yang sama.).  Contoh file:  beranda.html  dan pendaftaran .html.
Pada file beranda.html ketiklah baris program berikut:

<html>
<body>
<a href="pendaftaran.html">Pendaftaran</a>
</body>
</html>

Pada file pendaftaran.html ketiklah baris program berikut:

<html>
<body>
<a href="beranda.html">Kembali ke beranda</a>
</body>
</html>

Error Handler menggunakan Javascript

Perhatikan Form Dibawah ini

Ketik Nama Anda
Ketik Umur Anda

Error Handler menggunakan Javascript

Perhatikan Form Dibawah ini

Ketik Nama Anda
Ketik Umur Anda

Menyimpan dokumen HTML

File atau dokumen HTML disimpan menggunakan extension (.) html atau htm.

Contoh:
web.html
biodata.htm

Kedua file tersebut merupakan file-file HTML.
Untuk membuka kedua file tersebut harus menggunakan browser/perambah.

Prosedur untuk menyimpan file HTML adalah:
Jika Anda menggunakan notepad, maka prosedurnya adalah:
1. klik file>>Save As
2. Pada file type Anda pilih All File
3. Untuk File Nama simpan dengan nama apa saja
4. Extension (.) adalah .html  atau   .htm

Mengenal Elemen HTML

Dalam HTML dikenal Elemen/Tag dan Attribut.

Berikut adalah elemen-elemen dalam HTML
1.<HTML>..........</HTML>
2. <HEAD> ........</HEAD>
3. <BODY> ........</BODY>

Struktur dasar HTML adalah :
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>

Atribut merupakan bagian dari elemen/tag.
Jumlah atribut pada setiap elemen dapat lebih dari satu
penulisan atribut adalah sebagai berikut:
<ELEMEN ATRIBUT=NILAI>
contoh:
<BODY BGCOLOR="YELLOW">

Contohnya lengkapnya adalah:

<HTML>
<HEAD>
</HEAD>
<BODY BGCOLOR="YELLOW">
INI ADALAH ELEMEN HTML PERTAMA SAYA
</BODY>
</HTML>