Berikut adalah rangkuman kode program sebuah halaman HTML. Ketiklah kode berikut dan save sebagai finish.html
Contoh rangkuman tag dasar html:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
| <! DOCTYPE html> < html > < head > < title >Summary HTML Dasar</ title > </ head > < body > <!-- Akhirnya... Sebuah Halaman HTML Lengkap --> < h1 >Belajar HTML Dasar</ h1 > < p > Ini < strong >adalah</ strong > sebuah < em >paragraf</ em > </ p > <!-- tag link --> < p >Saya sedang belajar HTML dari < a href = "http://ezhazee.blogspot.co.id" target = "_blank" >Duniailkom</ a > dan akan terbuka pada tab baru</ p > <!-- tag image --> < img alt = "gambar koala" src = "koala.jpg" /> <!-- tag list --> < h2 >Daftar Belanjaan</ h2 > < ol > < li >Minyak Goreng</ li > < li >Sabun Mandi</ li > < li >Deterjen</ li > < li >Shampoo</ li > < li >Obat Nyamuk</ li > </ ol > <!-- tag table --> < table border = "1" > < tr > < td >Baris 1, Kolom 1</ td > < td >Baris 1, Kolom 2</ td > < td >Baris 1, Kolom 3</ td > </ tr > < tr > < td >Baris 2, Kolom 1</ td > < td >Baris 2, Kolom 2</ td > < td > Baris 2, Kolom 3</ td > </ tr > < tr > < td > Baris 3, Kolom 1</ td > < td > Baris 3, Kolom 2</ td > < td > Baris 3, Kolom 3</ td > </ tr > < tr > < td > Baris 4, Kolom 1</ td > < td > Baris 4, Kolom 2</ td > < td > Baris 4, Kolom 3</ td > </ tr > </ table > < br /> <!-- tag form --> < form action = "finish.html" method = "get" > Nama: < input type = "text" name = "nama" value = "Nama Kamu" /> < br /> Password: < input type = "password" name = "password" /> < br /> Jenis Kelamin : < input type = "radio" name = "jenis_kelamin" value = "laki-laki" checked/> Laki - Laki < input type = "radio" name = "jenis_kelamin" value = "perempuan" /> Perempuan < br /> Hobi: < input type = "checkbox" name = "hobi_baca" /> Membaca Buku < input type = "checkbox" name = "hobi_nulis" checked /> Menulis < input type = "checkbox" name = "hobi_mancing" /> Memancing < br /> Asal Kota: < select name = "asal_kota" > < option value = "Kota Jakarta" > Jakarta</ option > < option >Bandung</ option > < option value = "Kota Semarang" selected>Semarang</ option > </ select > < br /> Komentar Anda: < textarea name = "komentar" rows = "5" cols = "20" > Silahkan katakan isi hati anda</ textarea > < br /> < input type = "submit" value = "Mulai Proses!" > </ body > </ html > |
Walaupun kita telah mempelajari seluruh tag-tag umum dalam HTML, namun HTML masih menyimpan banyak tag-tag lain untuk kebutuhan yang lebih khusus. HTML juga makin berkembang dengan hadirnya HTML5.
No comments:
Post a Comment