Halaman Web Pertamaku

HTML - FORMS

PENGENALAN INTERNET DAN HTML

Internet yang kita akses untuk memperoleh informasi berisi suatu dokumen bertipe HTML (Hypertext Markup Languages). Dokumen HTML merupakan dokumen web yang statis, artinya hanya mampu menampilkan teks dan gambar yang statis, untuk membuatnya lebih dinamis (misal : teks dan gambar bergerak, menampilkan database suatu perusahaan dan lainnya harus menggunakan bahasa lainnya seperti Javascript, Java, PHP dll). Command atau perintah dalam HTML disebut juga dengan tag. Satu dokumen HTML dapat berisikan satu atau beberapa form. Biasanya form HTML berisikan:

• 
  Text boxes
  
• 
  Check boxes
  
• 
  Radio buttons
  
• 
  Combo boxes
  
• 
  List boxes
  

Suatu halaman HTML mempunyai format seperti berikut ini :

Welcome.html:

Saya mahasiswa BINUS University

We really proud to learn Web Programming with Mr. Widodo.

Selamat datang di situs gaul Saya

Untuk menampilkan suatu teks dengan ukuran tertentu dapat menggunakan tag

hingga

.

merupakan ukuran teks terbesar, sedangkan

ukuran terkecil

Untuk mengubah warna font, bisa gunakan tag

berguna untuk ganti garis

semua tag pembuka umumnya ditutup dengan ending tag , kecuali antara lain
yang berguna untuk ganti baris.

Berikut tampilan dari dokumen web yang telah ditambahi title dan teks



Gambar 2.3 tampilan hasil penambahan kode

Simpan dokumen tersebut di suatu folder bernama WebTasya, dan beri nama file sebagai utama.htm (cukup ketik utama saja)

Gambar 2.4 memberi nama file utama.htm

Teks Berjalan

Berikutnya kita ingin membuat banner suatu web yang menampilkan teks berjalan (marquee), berikut contoh kodenya yang dicetak tebal:

marquee.html:

Tasya's Cute HomePage 2013>

Demo Kontrol-kontrol di Form

Tiga hal yang harus diperhatikan Siswa

1. Sayangilah Ibumu melebihi sayangmu dengan do'i mu
   
   
2. Hormatilah dosenmu melebihi hormatmu pada Pak Polisi
   
   
3. Jangan malas belajar text book dan internet
   
   

Masukkan nama anda :

dan Password :

Negara mana yang ingin anda kunjungi:

Asia


Afrika


North Amerika


Europe

Jenis kelamin Anda ?

Laki-Laki


Wanita

Mohon pilih aktifitas anda:

Mahasiswa/i

Staff IT

Pengangguran

Anak SMU

Mohon masukkan alamat lengkap Anda:

<br /> <br />










Gambar 2.16 Tampilan berbagai control di HTML

• 
  Tabel, berguna untuk menampilkan data di table.
  

no

nama

Berikut contohnya yang telah dibuat menggunakan Ms. FrontPage:

Selamat datang di website kami

 

No	Nama	Kelas
1	Iwan	Web Programming
2	Toni	Algoritma dam OOP
3	Maria	OS

Demo CSS by Mr. Widodo

This is a paragraph.

onclick="mulai()" value="process">

Kalkulator Sederhana

^

*

=

Tekan tombol dibawah ini untuk menampilkan Teks Status !

Contoh Applet

Let AJAX change this text

Change Content

Selamat Belajar JSP dari Buku Mr.Widodo Menggunakan NetBeans 7.2

Insya Allah Berkah dan berguna bagi Anda

Ikuti segera training J2EE yang kami adakan

Coppyright WWW.Widodo.Com-2013, HP :08569887384

www.toko-elektronika.com dan www.toko-robot.com

GOEDANGNYA PERANGKAT ROBOT DAN KOMPONEN ELEKTRONIKA

Daftar Training di e-TechnologyCenter

---

Mohon masukkan data diri Anda

Nama

Email

Materi

Web Programming using J2EE

Oracle 10g PL/SQL and Form Developer

Database Programming using VB.NET and SQL Server 2008

IT Specialist (Networking Win 2008 and .NET Programming)


Hari Training :

Sabtu Pagi

Sabtu Siang

Ahad Pagi

Ahad Siang

Pesan :

");

out.println("");

out.println("");

out.println("");

out.println("");

out.println("

Selamat Datang :)

");

out.println ("

" + pesan + ", "+ name+"
");

out.println ("

Terima kasih telah mendaftarkan email Anda: " + email + " dengan Kami

");

out.println ("

Materi training yang Anda akan ambil ialah: " + materi + "

");

out.println ("

Hari yang Anda pilih ialah: " + hari + "

");

out.println ("

Pesan Anda ialah: " + pesankhusus +"

" );

out.println ("Teame-TechnologyCenter Copyright 2013");

out.println(" ");
out.println("

"+welcomeMessage+"

");
out.println(""+"Click here to go back to input page "+"");
out.println("