Dasar-dasar HTML III.

By | November 15, 2020

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

1
2

This text will display as such
and is used for displaying codes

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


Sumber https://www.rumahweb.com