Dasar-dasar HTML III.

checkbox

checkbox memungkinkan kita untuk memilih daftar materi. Sebagai contoh, kita boleh
memilih kegemaran kita menggunakan box ini. Suatu tanda nampak di dalam box. Jika kita
memeriksa box, tanda chek akan diperlihatkan. Lihatlah kode di bawah:

Listing 22

Pilih bahasa pemrograman:
<input type = “checkbox” name = “t1” checked>Java
<input type = “checkbox” name = “t2″>C++
<input type = “checkbox” name = “t3″>Oracle
<input type = “checkbox” name = “t4″>C-Sharp

Dengan default, Java akan dicek. Pesan atribut yang dicek pada garis menyangkut kode
yang kedua .

RadioButton

Dengan radio button, kita dapat memilih hanya satu item. Tetapi dengan cek box, kita
dapat memilih manapun jumlah materi. Sebagai contoh, kita memilih jenis kelamin
(pria maupun wanita) penggunaan box ini ditunjukkan di bawah.

Listing 23

Jenis Kelamin:
<input type = “radio” name = “r1″>Pria
<input type = “radio” name = “r1″>Wanita

Kita perlu memberi nama yang sama untuk nama atribut. Cara lainnya, kita tidak akan
mendapatkan kemampuan radio button.

Diatas potongan kode dapat dikombinasikan ke dalam satu halaman tunggal ditunjukkan
didalam Listing 24

<HTML>
<HEAD><TITLE>Form HTML </TITLE></HEAD>
<BODY>
<FORM action = “mailto:yourname@server.com” method = “post”>
Masukkan nama anda: <input type = “text” name = “t1”
maxlength = 20 size = 25>
Password: <input type = “password” name = “p1″>
Pilih Bahasa Pemrograman:
<input type = “checkbox” name = “t1” checked>Java
<input type = “checkbox” name = “t2” checked>C++
<input type = “checkbox” name = “t3” checked>Oracle
<input type = “checkbox” name = “t4” checked>C-Sharp
Jenis Kelamin:
<input type = “radio” name = “r1″>Pria
<input type = “radio” name = “r1″>Wanita
<CENTER><input type = “submit” name = “s1″>
<input type = “reset” name = res1″></CENTER>
<SELECT name = “s1″>
<OPTION>India
<OPTION>Indonesia
<OPTION>Malaysia
</SELECT>

Kode diatas menyampaikan informasi yang dimasukkan oleh pemakai kepada alamat email
yang ditetapkan didalam atribut tag Form. sintak Pesan mailto didalam tag form

Tag2 Tambahan
Pengaturan Teks

Kita dapat menggunakan tag <PRE></PRE> ke text form mewakili Teks Preformatted. Apapun juga yang kita masukkan pada tag ini akan diperlihatkan seperti halnya pada browser. Tag ini digunakan untuk penulisan programming kode.

Listing 25

Teks Berjalan

Teks dan Gambar dapat dipindahkan dengan bantuan tag <MARQUEE> </MARQUEE>.Tag ini menerima banyak atribut ditunjukkan di bawah ini:

Bgcolor

Atribut ini mengubah warna latar belakang dari teks yang bergerakkan maupun obyek.
Nilai-Nilai dapat berwarna merah, biru atau dalam form Hexadecimal.

Behavior (Perilaku)

Atribut ini berubah arah dari objek bergerak. Nilai-Nilainya dapat bernilai left,
right, top dan bottom.

Scrolldelay
menandai adanya kecepatan dari gerakkan obyek. Yang secara khas, nilainya
ditetapkan didalam Seperseribu detik. Ingatlah bahwa 1 detik/second sama dengan 1000
seperseribu detik.

Loop (Pengulangan)
Kita dapat menetapkan banyaknya, obyek atau teks tertentu perlu pindah/bergerak dengan
bantuan dari atribut ini. Suatu nilai -1 menandai adanya gerakkan teks.

Listing 27

<HR bgcolor = “yellow” size = “10”>

Using Address tag
jika kita ingin memberi informasi kontak pada suatu halaman web, kita dapat
menggunakan
tag <ADDRESS></ADDRESS>. Menampilkan teks didalamnya. Karenanya, tidak ada yang
dibutuhkan untuk form teks secara terpisah

Listing 28

<ADDRESS>Microsoft Inc, Washington, USA </ADDRESS>

Tag <SUB>

Tag ini mewakili tulisan di bawah garis. Kemampuan dasar tag ini bahwa yang lebih
rendah tag antar teks.

Listing 29

H <SUB>2 </SUB>O

Tag <SUP>

Tag ini mewakili huruf yang ditulis di atas dan menaikkan teks antar tag sebagai
ditunjukkan dalam Listing 30.

Listing 30

2 <SUP>3 </SUP> = 8

Font
Kita dapat merubah penampilan dari teks menggunakan tag . Atributnya adalah
face, size dan color. Atribut fece menerima font seperti Arial, Courier, Verdana dan lain
lain. Size menerima nilai-nilai dari 1 sampai 7 sedang color menetapkan warna font.

Listing 31

<FONT face = “Verdana” size = “3” color = “blue”>
Wow, warna teksnya jadi biru
</FONT>

..Yah sampai disini dulu tentang tag-tag dasar pada HTML, nanti kita lanjutkan dengan artikel yang lebih menarik dan gampang, bahkan untuk para pemula..

Sampai jumpa

Be Sociable, Share!

One Reply to “Dasar-dasar HTML III.”

Leave a Reply

Your email address will not be published. Required fields are marked *