Bloglieken: HTML

Tampilkan postingan dengan label HTML. Tampilkan semua postingan

Minggu, 07 Agustus 2011

Marquee Rotasi Text atau Gambar

14.34

alie

No comments

Apabila anda menyukai teks bergerak atau gambar begerak pada web/blog anda berikut adalah contoh kodenya :

ke samping kiri

<marquee direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay=>
Text anda
</marquee>

Text anda Text anda Text anda Text anda Text anda Text anda Text anda Text anda

ke samping kanan

<marquee direction="right" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="20">
Text anda
</marquee>

Text anda Text anda Text anda Text anda Text anda Text anda Text anda Text anda

Menggunakan Formulir

12.36

alie

No comments

Setiap kita menjumpai halaman Web yang dapat digunakan oleh pemakai untuk memasukkan data, berarti halaman tersebut menggunakan formulir.
dibawah ini adalah contoh penggunaan formulir :

Menggunakan Formulir
Dasar Penggunaan Formulir
1	<form>...</form>	Pasangan tag form
2	Action=.....*..... Mehod=pos/get	Dua atribut yang umum digunakan pada tag<form>
3	<form action=”proses.php” method=”post”> ....</form>	Contoh penulisan form besarnya atributnya
Memasukkan data dengan INPUT
Tag <input> memiliki sejumlah atribut yaitu :
	Atribut	Keterangan
1	Name	Menentukan nama data
2	Size	Menentukan ukuran kotak masukan
3	Maxlength	Menentukan jumlah karakter yang dapat dimasukkan dalam kotak
4	Value	Menentukan nilai awal untuk kotak masukkan
5	Checked	Mengatur agar kotak cek dalam keadaan awal
6	Type	Menentukan tipe kotak masukan
Tipe text
1	<input type=”text” name=”nama” size=”20” maxlength=”20”>	Membuat kotak text yang berguna untuk memasukkan data
2	<input type=”text” name=”nama” size=”20” maxlength=”20” value=”Isi dengan nama anda”>	Menambahkan value untuk memberi nilai bawaan untuk field teks
Tombol Submit dan Reset
1	<input type=”submit” value=”kirim”>	Tombol submit menyebabkan url yang disebutkan pada action pada form akan dimuat
2	<input type=”reset” value=”hapus”>	Mengosongkan atau memberi nilai asli kenilai bawaan
Type Password
1	<input type=”password” name=”password” size=”8” maxlength=”8”>	Membuat password teks yang diketikan akan berubah menjadi *
Tipe Checkbox
1	<input type=”checkbox” name=”anggur” checked>anggur	membuat kotak cek, atribut checked berfungsi untuk mencentang kotak cek

Tombol radio (untuk mengelompokkan radio nama disamakan)
1	<input type=”radio” name=”sex” checked>pria	Membuat tombol radio
Memasuukkan dengan Textarea
1	<textarea> .... </textarea>	Pasangan <textarea>
Atribut Texarea
	Atribut	Keterangan
	Name	Menentukan nama untuk teks area
	Rows	Menentukan jumlah baris yang tertampil pada layar
	Cols	Menentukan jumlah koliom yang tertampil pada layar
	Wrap	Menentukan teks secara otomatis.
2	<texarea name=”komentar” rows=”5” cols=”40” wrap>123</texarea>	Penulisan textarea beserta atributnya
Peilihan dengan Select
1	<select name=”musik”> <option value=”jazz”>Jazz </select>	Membentuk kotak combo yang bernama musik
2	<select name=”musik” size=”3”> <option value=”jazz”>Jazz </select>	Penambahan size akan membuat daftar pilihan bukan kotak kombo
Lebih lanjut tentang tombol
1	<input type=”button” Value=”ke hal sebelumnya” onklick= ”self.history.back();”>	Membuat tombol dengan nama keterangan “ke hal sebelumnya” fungsi onklick=”self.history.bac()” adalah untuk kembali kehalaman sebelumnya

12.22

alie

No comments

Link sangat berguna dalam pembuatan Web, setiap halaman Web wajib menggunakan link untuk membuka halaman-halaman web yang lain, adapun contoh penggunaan link dapat dilihat kode di bawah ini :

Membuat Link
Hyperlink ke Halaman Web
1.	<a href=”....html”> .... </a>		Digunakan untuk membuat link
Link ke situs web lain
1.	<a href= ”http://www.ibm.com/”> IBM</a>		Memanggil halaman web milik IBM
Menentukan Warna Hyperlink
1.	<body link=”black”> ..... </body>		Memberi warna pada link
2.	Alink=”green”		Menentukan warna link aktif
3.	Vlink=”pink”		Menentukan warna ling yang telah dikunjungi
4	<body link=”black”alink=”green” vlink=”pink”> ...... </body>		Memberi warna pada link
Menentukan Ukuran Tap Hyperlink
1.	<a href= ”http://www.ibm.com/” tabindex=”1”> IBM</a>		Tabindex bernilai 1
Menggunakan bookmark
1	<a href= ”#bab1”> BAB1 </a> .................... <a name=”#bab1”> BAB1 ....................		Hyperlink yang mengacu ke area tertentu pada halaman itu sendiri
Link protokol lain
	URL	Layanan	Contoh
	http://	Web	http://www.ibm.com
	ftp://	Server FTP	ftp://ftp.domain.com/public
	File://	Berkas FTP	File://html/bab-2/sampel.html
	News://	Newsgroup UseNet	News://news.erols.comvrml
	mailto:	e-mail	mailto:ali_rejossari@ymail.com
	telnet:	telnet	telnet:abc.xyz.com
1	<a href= ”mailto: ali_rejosari@ymail.com” > alie_rejosari@ymail.com </a>		Link yang menuju ke email
Membuka jendela Baru
1	<a href= ”hal.html” target=”_blank”> Halaman</a>		Membuat halaman baru