Halaman Web Pertamaku



Yüklə 212.35 Kb.
tarix27.10.2017
ölçüsü212.35 Kb.

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:





Halaman Web Pertamaku





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:





    Contoh marquee







    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:



    Mohon masukkan alamat lengkap Anda:















    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 <a href="/-syarat-dan-ciri-cirinya.html">datang di website kami</a>




    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





    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



    Hari Training :

    Sabtu Pagi

    Sabtu Siang

    Ahad Pagi

    Ahad Siang

    Pesan :









    ");


    out.println("");

    out.println("Selamat Bergabung dengan Kami menjadi orang Sukses!");

    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("



  • Dostları ilə paylaş:


  • Verilənlər bazası müəlliflik hüququ ilə müdafiə olunur ©muhaz.org 2017
    rəhbərliyinə müraciət

        Ana səhifə