Pemrograman Web DASAR HTML 2

Transkripsi

1 Pemrograman Web DASAR HTML 2

2 Marquee Marquee adalah menu tekst barjalan yang berfungsi untuk memperindah tampila web, serta membuat pengunjung agar melihat taks tersebut. Teks ini seperti tesks biasa yang sering anda jumpai, hanya teks ini bisa bergerak kekanan, kiri, atas dan bawah. Anda bisa memodifikasi sesuai kebutuhan, misal untuk ucapan terimakasih, membuat link, pasang iklan agar lebih menonjol, berita atau informasi. Marquee mengunakan tag sebagai berikut : <marquee> Isi Pesan </marquee>

3 Arti script yang akan di gunakan pada marquee: DIRECTION "left, right, up, down" = Mengatur arah gerakan teks. BGCOLOR "warna" = Untuk mengatur warna background teks. BEHAVIOR Scroll Slide Alternate "scroll, slide, alternate" = Untuk mengatur perilaku gerakan. : teks bergerak berputar : teks bergerak sekali lalu berhenti : teks bergerak dari kiri kekanan lalu balik lagi/ bolak-balik.

4 WIDTH "lebar" TITLE pesan" teks. SCROLLMOUNT "angka" semakin besar SCROLLDELAY "angka" detik. LOOP "angka, -1, infinite" = Mengatur lebar blok teks dalam pixel atau persen. = Pesan akan muncul saat mouse berada di atas = Mengatur kecepatan gerakan dalam pixel, angka semajin cepat gerakannya. = Untuk mengatur waktu tunda gerakan dalam mili = Mengatur jumlah loop.

5 <marquee align="center" direction="right" height="200" scrollamount="5" width="500">dari kanan ke kiri</marquee> <font color="white"> <MARQUEE onmouseover="this.stop()" align="left" direction="left" scrollamount="3" onmouseout="this.start()" bgcolor="red" width="500" height="20"> <strong> <blink>pemrograman Web </blink> contoh bergerak dari kanan menuju kekiri,teks berwarna putih, teks menjadi tebal dan jika cursor berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali </strong> </MARQUEE> </font>

6 <br> <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" height="100" align="center"> <br> <a href=" target="new">darto</a><br/><br> <a href=" target="new">yahoo</a><br/><br> <a href=" target="new">google Ind</a><br/><br> <a href=" target="new">detik</a> <br><br></marquee> <br><br><br>

7 Frame Kegunaan Frame biasanya digunakan untuk membuat suatu halaman yang interaktif di dalam dokumen HTML. Dengan Frame kita dapat menampilkan lebih dari satu halaman web dalam halaman browser yang sama. Setiap dokumen HTML dapat ditampilkan didalam Frame dan setiap frame adalah bebas antara satu dengan yang lain

8 Tag Frame: <frameset>......</frameset> = Mendefinisikan frameset <frameset rows>...<fremset> Ukuran dalam pixel atau %. = Frame baris Untuk mengatur tinggi baris frame. <frameset cols>... <frameset> = Frame kolom Untuk mengatur lebar kolom frame. Ukuran dalam pixe atau %. <frame>... </frame> <noframes>... </noframes> frame = mendefinisikan jendela (sub) frame = mendefinisikan browser yang tidak mendukung

9 <iframe>... </iframe> = mendefinisikan inline (sub) frame Src Name = Berisi URL yang menjadi sumber dari frame = nama yang digunakan untuk tujuan/target link. Scrolling = menentukan apakah frame bisa digulung atau tidak. Diisi dengan Yes/No/Auto. Marginwidth = jarak antara tepi kiri/kanan frame dengan tulisan dalam frame (satuan pixel). Noresize frame. Border = Mencegah pengguna untuk mengubah ukuran dari = Mengubah ketebalan pembatas frame BorderColor = Memberikan warna pada pembatas frame FrameBorder = Pembatas frame. Dapat dihilangkan dengan memberi nilai NO

10 Tag Form dan Atributnya Form merupakan sebuah tag HTML yang digunakan untuk menandakan sebuah formulir inputan pada dokumen HTML. <FORM> nama: <INPUT> <INPUT> </FORM> Contoh diatas dimana tag FORM tidak menggunakan atribut apapun tidak akan dapat bekerja dengan baik, dikarenakan formulir isian yang kita buat pada tag diatas tidak diikuti dengan sebuah tindakan. Tindakan ini membutuhkan suatu atribut dari tag FORM itu sendiri yang disebut dengan ACTION.

11 ACTION ACTION merupakan atribut dari tag FORM yang digunakan untuk memproses inputan yang dimasukan pada tag FORM. Tindakan pemrosesan inputan dari formulir isian yang kita buat akan berupa logika dalam bahasa pemrograman web seperti PHP atau CGI. <FORM ACTION="proses.php"> nama: <INPUT> <INPUT> <INPUT TYPE=SUBMIT> </FORM> Tag diatas merupakan pengembangan dari contoh sebelumnya, hanya saja pada tag ini ditambahkan ACTION="proses.php" yang akan mengarahkan isian dari formulir yang kita buat ke file proses.php dimana isian formulir tersebut akan diproses. Tag tersebut juga ditambah INPUT TYPE=SUBMIT berupa sebuah tombol yang digunakan untuk mengirim data ketika tombol tersebut di-klik.

12 METHOD Atribut METHOD ini digunakan untuk menentukan metode pengiriman data dari formulir isian ke file pemroses. Metode yang digunakan ada dua macam, yaitu : GET dan POST. Perbedaan dari method GET dan POST adalah apabila kalian menggunakan method GET maka di address bar akan tampil data yang dikirimkan dari proses tersebut. Dengan method GET URL-nya: Dengan method POST URL-nya :

13 <html> <head> <title> contoh form dengan method POST</title> </head> <body> <form id="form" name="form" method="post" action="show.php"> nama <input type="text" name="nama"/><br /> <input type="text" name=" "/><br /> <input name="submit" type="submit" value="submit" /> </form> </body> </html> <?php $nama = $_POST['nama']; $ = $_POST[' ']; echo "Nama kamu adalah <b>$nama</b> <br> dengan alamat <b>$ </b>";?>

14 <html> <head> <title> contoh form dengan method GET</title> </head> <body> <form id="form" name="form" method= get" action="show.php"> nama <input type="text" name="nama"/><br /> <input type="text" name=" "/><br /> <input name="submit" type="submit" value="submit" /> </form> </body> </html> <?php $nama = $_GET['nama']; $ = $_GET[' ']; echo "Nama kamu adalah <b>$nama</b> <br> dengan alamat <b>$ </b>";?>

15