Storefront of World

Showing posts with label Review Materi Kuliah. Show all posts

Showing posts with label Review Materi Kuliah. Show all posts

Saturday, 22 March 2014

Contoh html form

Silahkan bisa dicoba script di bawah ini :

<html>

<head>

<title bgcolor="#FFFFCC">Latihan-9: Membuat Form</title>

</head>

<body>

<form action=# method=get>

<p>Nama : <input type=text name=nama>

<p>Alamat : <textarea name=alamat cols=25 rows=4></textarea>

<p>Jenis kelamin:

<input type=radio name=gender value=Pria>Laki-laki

<input type=radio name=gender value=Wanita>Perempuan

<p>Tgl. Lahir:

<select name=tgl>

<option value=1>01

<option value=2>02

<option value=3>03

<option value=31>31

</select> -

<select name=bln>

<option value=1>01

<option value=2>02

<option value=3>03

<option value=12>12

</select> -

<select name=thn>

<option value=1901>1901

<option value=1902>1902

<option value=1903>1903

<option value=2000>2000

</select>

<p>Pekerjaan :

<select name=pekerjaan>

<option value=Pelajar>Pelajar/Mahasiswa

<option value="Pegawai Negeri">Pegawai negeri

<option value=Karyawan>Karyawan

<option value=Wiraswasta>Wiraswasta

</select>

<p>Hobby :

<input type=checkbox name=hobby value=Membaca>Baca buku

<input type=checkbox name=hobby value=Kesenian>Kesenian

<input type=checkbox name=hobby value=Olahraga>Olah raga

<input type=checkbox name=hobby value=Belanja>Shopping

<p>Komentar : <textarea name=komentar cols=25 rows=4></textarea>

<p><input type=submit value=Kirim data><input type=reset value=Ulangi>

</form>

</body>

</html>

Dan, ini adalah output dari script tersebut :

Sekian dari saya.. semoga bermanfaat yaa..

makasih sudah berkunjung disini ^^

[Review] Pembuatan Form pada website

Hai teman-teman,

Pada kesempatan kali ini, saya akan berbagi dengan kalian tentang pembuatan Form pada suatu website. Apa sih itu Form? Ya formulir.. berikut ini adalah penjelasan-penjelasannya :

Form HTML merupakan tag yang paling penting khususnya dalam membuat aplikasi berbasis web. Form menyediakan properti masukan yang dapat berupa textbox, checkbox, radio button, dan button.

Untuk mendeklarasikan sebuah form digunakan tag <form>.....</form>. Di dalam tag ini akan mendefinisikan elemen-elemen form seperti yang telah disebutkan di atas. Selain tag elemen, form juga dapat menuliskan sembarang teks, tag, image.

Atribut Elemen Form

action = lokasi dan nama file (file yang menangani form)

method = [ get | post ] (metode HTTP untuk men-submit form)

Properti Masukan Pada Elemen Form

Text box <input type=”text”>

Digunakan untuk memasukkan input berupa text.

size = ukuran dari textbox dalam karakter, default 20

maxsize = maksimal banyaknya karakter yang dapat diterima

name = nama dari variabel yang dikirim ke suatu aplikasi

value = akan menampilkan isinya sebagai nilai default

Password <input type=”password”>

Digunakan untuk memasukkan password.

size = ukuran dari textbox dalam karakter, default 20

maxsize = maksimal banyaknya karakter yang dapat diterima

name = nama dari variabel yang dikirim ke suatu aplikasi

Hidden <input type=”hidden”>

Digunakan untuk mengirim data ke suatu aplikasi yang tidak diinginkan untuk dilihat oleh browser.

name = nama dari variabel yang dikirim ke suatu aplikasi

value = nilai dari variable

Check box <input type=”checkbox”>

Check box digunakan untuk dapat memilih lebih dari satu pilihan.

name = nama dari variabel yang dikirim ke suatu aplikasi

value = nilai dari variabel

checked (checkbox yang ditandai)

Radio button <input type=”radio”>

Radio button digunakan untuk dapat memilih hanya salah satu pilihan.

name = nama dari variabel yang dikirim ke suatu aplikasi

value = nilai dari variabel

checked (radio button yang ditandai)

Push button <input type=”button”>

Elemen ini biasanya digunakan untuk JavaScript, VBScript, atau script lain untuk

menghasilkan suatu aksi.

name = nama dari variabel yang dikirim ke suatu aplikasi

value = label teks di atas tombol

Submit <input type=”submit”>

Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama variabel dan nilainya ke

suatu aplikasi yang ditentukan dalam atribut ACTION dalam elemen FORM.

name = nama dari variabel yang dikirim ke suatu aplikasi

value = label teks di atas tombol

Image submit button <input type=”image” src=”URL”>

Digunakan untuk menggantikan tombol standar submit dengan image.

name = nama dari variabel yang dikirim ke suatu aplikasi

Reset <input type=”reset”>

Digunakan untuk mereset (menghapus) semua masukan dalam form dengan cepat.

value = label teks di atas tombol.

Text area <textarea> . . . </textarea>

Elemen untuk memasukkan teks secara leluasa seperti pada notepad.

name = nama dari variabel yang dikirim ke suatu aplikasi

rows = panjang baris dalam karakter

cols = tinggi (jumlah baris)

Select <select> . . . </select>

Daftar isi dalam properti select menggunakan tag <option>

name = nama dari variabel yang dikirim ke suatu aplikasi

size = jumlah pilihan yang dapat terlihat.

Nah, itulah atribut html yang ada dalam pembuatan Form..

Sekian dari saya, semoga artikel ini bermanfaat..

Saturday, 15 March 2014

[Review] Menambahkan Gambar Pada HTML

Teman-teman, masih berlanjut nih ya.. pagi-pagi udah mosting blog

Soalnya kalo pagi kenceng kecepatannya haha..

Oke deh, langsung aja. Sekarang kita membahas bagaimana menambahkan gambar pada HTML. Kenapa sih harus dikasih gambar, ya simple aja.. biar website kita lebih menarik dan gak hanya dengan tulisan-tulisan saja.

Didalam format gambarnya dapat digunakan dengan Gif, Jpeg, Pcx, Png, Wmf, dll. Maksud dari dll tuh, Dan Lain Lain.

Berikut adalah skirpnya

Silahkan bisa dicoba :

<html>

<head>

<title>Menambahkan Gambar</title>

</head>

<body>

<img src="gambar " alt="image" align="middle" />

Gambar ini terdapat pada windows 98 secara default, anda boleh

menggantinya.

</body>

</html>

Bagian yang bercetak MERAH bisa kalian ganti dengan gambar yang kalian suka.

Berikut ini keterangan elemen yang ada dalam scrip tersebut nih..

Src : Merujuk kepada URL atau direktori lokasi gambar.

Align : Posisi text disekitar gambar, nilainya adalah top, middle, bottom, left, right.

Width : Lebar gambar dalam satuan pixel.

Height : Tinggi gambar dalam satuan pixel.

Alt : Menampilkan text pengganti jika gambar tidak tampil

Nah, itulah secuil ilmu yang bisa saya bagi.. ya meskipun secuil mudah-mudahan bermanfaat bagi pembaca..

[Review] Menambahkan Tag Link pada script HTML

Hai teman-teman, posting saya pagi ini masih berlanjut nih..

Sekarang kita akan bahas tentang, membuat link pada script HTML kita..

Apaan sih itu Link?

Link merupakan suatu gambar atau teks yang terkait dengan suatu alamat tertentu. Jika

Link diklik maka dokumen HTML akan menuju ke alamat tersebut. Ditandai dengan

Anchor, yaitu tag <a>. Tag <a> mempunyai atribut HREF yang digunakan sebagai link

tujuan.

Yaa mari kita lihat dan bisa dicoba :

<html>

<head>

<title>Menggunakan Link</title>

</head>

<body>

<a href="http://www.yahoo.com">Klik disini</a> untuk menuju situs

Yahoo.com.<br />

Atau dapat juga mengklik gambar ini :

<a href="http://www.yahoo.com">

<img src="bubbles.jpg" alt="gambar gelembung" align="middle" />

</a>

</body>

</html>

Semoga artikel ini membantu memecahkan kebingungan anda dan bermanfaat..

[Review] Apaan Sih HTML

Hai teman-teman selamat pagi

Pada kesempatan ini saya akan membicarakan tentang apaan sih itu HTML

Pasti ditelinga kalian gak asing dan dimulut kalian..

Oke, untuk mempersingkat waktu saja.. saya akan memperkenalkan atau menjelaskan apaan itu HTML.

• HTML (hypertext markup language) merupakan suatu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. HTML dirancang untuk digunakan tanpa tergantung pada suatu platform tertentu. Dokumen HTML adalah suatu dokumen teks biasa dan disebut markup language karena menggunakan tanda-tanda tertentu yang disebut tag untuk mengatur bagaimana suatu dokumen ditampilkan pada browser.

Dan berikut ini adalah format atau struktur dari HTML :

• <html>

• <head>

• <title>berisi teks yang akan muncul pada title bar browser</title>

• </head>

•

• <body>

• berisi teks, gambar, atau apapun yang ingin ditampilkan

• pada halaman web ada pada bagian ini.

• </body>

• </html>

jika ada yang masih penasaran, bisa deh ini dicoba

Sebagai contoh sederhananya adalah :

• <html>

• <head>

• <title>Latihan-2: Paragraf dan Break</title>

• </head>

• <body bgcolor=#990066 text=#FFCCFF>

• <h1>TOKO BUKU SERBA MURAH</h1>

• <hr width=50% align=left>

• <h2>Toko kami menyediakan</h2>

• <h3>Alat Tulis</h3>

• <p>Pensil<br>Ballpoint<br>Penggaris<br>Dll.</p>

• <h3>Buku-buku Pelajaran</h3>

• <p>Ilmu pasti<br>Ilmu bumi<br>Sejarah<br>Dll.</p>

• <h3>Peralatan Kantor</h3>

• <p>Meja<br>Kursi<br>File manager<br>Dll.</p>

• </body>

• </html>

Semoga artikel ini bermanfaat bagi aku, kamu dan kita semuanya yaa..

Thursday, 13 March 2014

[Review] Tentang Tags Marquee

Hallo teman-teman..

Pada kesempatan kali ini nih saya mau berbagi ilmu tentang apa itu <marquee> dan berbagi beberapa script htmlnya serta efek yang ditimbulkan pada tags tersebut..

Mungkin ada beberapa dari kalian gak ngerti apa sih itu marquee dan kegunaannya. Mungkin kalian pernah mengunjungi beberapa website yang menampilkan berupa text maupun gambar berjalan/gerak.

Nah, dibalik itu rahasianya adalah menggunakan <marquee>. Jad, dengan begitu dapat diartikan bahwa marquee itu sebuah kode/tag dalam HTML yang dapat membuat sebuah objek seperti gambar ataupun text dapat bergerak secara horisontal maupun vertikal.

Sebagai contoh simpelnya yaitu : <marquee>Sampai Jumpa</marquee>.

Dan berikut adalah beberapa html tag <marquee> beserta efek yang terjadi :

· <marquee style=”font-style:italic”>MIRING</marquee> Tulisan miring akan berjalan

· <marquee style=”font-size:30px”>Tulisan sebesar 30px</marquee> Tulisan akan jadi sebesar 30px dan berjalan

· <marquee behavior=”alternate”>Bolak-Balik</marquee> Tulisan akan berjalan bolak-balik kekanan-kekiri

· <marquee bgcolor=”red”>begron</marquee> Tulisan akan berjalan dengan latar belakang merah

· <marquee behavior=”alternate” direction=”down” height=”200”>Turun bawah lalu keatas</marquee> Tulisan akan turun kebawah lalu keatas(bolak-balik)

Nah, itulah sekian dari beberapa marquee, dan masih banyak marquee marquee dengan efek-efek lainnya..

Sekian dari saya, semoga artikel ini bermanfaat..

Subscribe to: Posts (Atom)