Home Uncategories BAB 3 : Format Kaitan dan Format Formulir Pada Halaman Web

BAB 3 : Format Kaitan dan Format Formulir Pada Halaman Web

BAB 3 : Format Kaitan dan Format Formulir Pada Halaman Web


A. Format Kaitan Pada Halaman Web

Ada beberapa cara (format) untuk menampilkan pranala pada halaman web.


1. Konsep Hyperlink pada HTML.




    Link merupakan singkatan dari hyperlink, merupakan sebuah fungsi dalam HTML yang digunakan untuk memudahkan user menelusuri seluruh isi atau informasi yang tersimpan dalam website yang bersangkutan.

Dalam HTML, teks yang berupa Link akan ditampilkan dengan font berwarna biru dan garis bawah (underline), teks Link akan berubah menjadi ungu jika sudah pernah dikunjungi.

a) Link Absolut,

    Link absolut adalah link yang mengarah langsung pada website tertentu, dimana sebuah dokumen dikunci pada alamt valid sebuah website dan tidak tergantung pada direktori lokasi dokumen html berada.

b) Link Relatif,

    Link relatif adalah link yang mengarah lansung pada lokasi path atau direktori tujuan yang tersimpan pada web server atau komputer tanpa diawali dengan alamat domain website tersebut.



2. Tag-Tag untuk Hyperlink

    Links tag mirip dengan sebuah tag pada html yang digunakan untuk menghubungkan dokumen satu dengan dokumen lainnya yang bersumber dari dalam (internal) maupun dari luar (eksternal).

a) <a>,

    <a> berfungsi untuk mendefinisikan sebuah hyperlink yang digunakan untuk menghubungkan halaman satu ke halaman lain.

b) <link>,

    <link> berfungsi untuk menghubungkan dokumen yang bersangkutan dengan sumber file yang berasal dari luar.

c) <nav>,

    <nav> berfungsi untuk mendefinisikan link navigasi.

d) Mailto

    tag hyperlink "mailto" memudahkan pengguna untuk mengirimkan e-mail ke suatu alamat e-mail tertentu.

B. Format Formulir pada Halaman Web



 1. Konsep Formulir dalam HTML

  Form merupakan salah satu bentuk halaman web yang digunakan untuk menerima perintah masukan dari user, yang selanjutnya diolah menggunakan bahasa pemrograman web, baik secara server side scripting menggunakan PHP atau JSP maupun client-side scripting (javascript).

2. Penggunaan Tag Form

Beberapa elemen yg disediakan oleh HTML. 
  • <button>
  • <datalist>
  • <fieldset>
  • <form>
  • <input>
  • <keygen>
  • <label>
  • <legend>
  • <optgroup>
  • <option>
  • <output>
  • <select>
  • <textarea>

3. Form Option

Beberapa atribut yang dimiliki oleh tag<form>
  1. Accept
  2. Accept-charset
  3. Action  
  4. Autocomplete
  5. Method    
  6. Enctype
  7. Name
  8. Novalidate
  9. Target

Jenis Format Formulir ada dua, yaitu :

1) Format Formulir Horizontal,
    layout dari form horizontal setiap input ditempatkan di ssamping dari label keterangan masing-masing input.

2) Format Formulir Vertikal,
    Layout vertikal digunakan untuk halaman web berbasis mobile.


Metode Get & Post
    Metode GET digunakan oleh browser untuk meminta server mengirim kembali resource yang diberikan.
    
   Metode POST akan mengirimkan server permintaan respons dengan memperhitungkan data yang tersedia.


Jenis Elemen dari HTML

    Terdapat 4 jenis elemen dari HTML sebagai berikut :
   a) Struktural.
    Tanda yang menentukan level atau tingkatand dari sebuah tulisan.

  b) Presentasional.
    Tanda yang menentukan tampilan dari sebuah tulisan tanpa peduli dengan level dari tulisan tersebut.

  c) Hiperteks.
    Tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain.

  d) Elemen widget yang membuat objek lain seperti tombol.


Pada metode HTTP yang digunakan, server menerima string yang akan diorder untuk mendapatkan data list sebagai key (nilai pasangan). Cara mengakses list/daftar tergantung pada platform pengembangan yang digunakan.


Form HTML digunakan untuk memilih berbagai macam inputan yang disediakan. Data bisa dimasukkan dalam bentuk input teks, pilihan radio button, check box, dan lain-lain.

Share this:

ABOUT THE AUTHOR

Hello We are OddThemes, Our name came from the fact that we are UNIQUE. We specialize in designing premium looking fully customizable highly responsive blogger templates. We at OddThemes do carry a philosophy that: Nothing Is Impossible

LATEST POSTS