1
Form HTML
Salah satu dasar script HTML yang sering digunakan adalah pembuatan form atau
formulir. Dalam pembuatan form, tag <form> dan <input> digunakan bersama-sama
untuk meminta masukan dari user untuk dikirim ke server. Tag <form> membuat
kerangka dan tag <input> menyediakan elemen antarmuka dengan user.
Atribut method dalam pembuatan form memiliki 2 nilai yaitu POST dan GET. Metode
GET mengirimkan data pada server dengan cara meletakkan data pada bagian akhir
URL yang ditunjuk. Sedangkan untuk metode POST mengirimkan data secara
terpisah.
Untuk action, diisi dengan nama file tujuan yang akan memproses data yang
dimasukkan dalam form tersebut.
Berikut adalah contoh pembuatan form sederhana :
2
3
Pengenalan CSS dalam HTML
CSS adalah singkatan dari Cascading Style Sheets, yang berfungsi untuk mengontrol
tampilan dari sebuah halaman website.
Ada 3 cara untuk memasukkan CSS ke dalam dokumen HTML yaitu:
1. Internal Style Sheet
Cara membuat internal Style Sheet adalah dengan menambahkan tag <style
type="text/css" media="screen"> pada bagian header tag HTML kita. Setelah
selesai menambahkan tag maka selanjutnya tag tersebut kita tutup lagi
dengan </style> sehingga kode HTML menjadi sebagai berikut:
2. External Style Sheet
Menuliskan Mark up CSS untuk external Style Sheet tidak ditempatkan didalam
HTML melainkan dibuat file sendiri dengan ekstensi.css. Untuk itu, terlebih dahulu
perlu dibuat file berisi kode css kemudian disimpan dengan ekstensi file.css.
Untuk menghubungkan dokumen html dengan CSS tersebut kita cukup
menambahakan yang berikut ini di header dokumen html :
<link rel="stylesheet" href="style.css" type="text/css">
Sehingga di dokumen html akan terlihat seperti berikut ini :
4
3. Embedded Style Sheet
Penulisan CSS didalam dokumen HTML dan menggunakan tag <style></style>.
Contoh :
5
Latihan :
Buatlah Form pemesanan kereta api seperti di bawah ini :

Modul 2-form html-css

  • 1.
    1 Form HTML Salah satudasar script HTML yang sering digunakan adalah pembuatan form atau formulir. Dalam pembuatan form, tag <form> dan <input> digunakan bersama-sama untuk meminta masukan dari user untuk dikirim ke server. Tag <form> membuat kerangka dan tag <input> menyediakan elemen antarmuka dengan user. Atribut method dalam pembuatan form memiliki 2 nilai yaitu POST dan GET. Metode GET mengirimkan data pada server dengan cara meletakkan data pada bagian akhir URL yang ditunjuk. Sedangkan untuk metode POST mengirimkan data secara terpisah. Untuk action, diisi dengan nama file tujuan yang akan memproses data yang dimasukkan dalam form tersebut. Berikut adalah contoh pembuatan form sederhana :
  • 2.
  • 3.
    3 Pengenalan CSS dalamHTML CSS adalah singkatan dari Cascading Style Sheets, yang berfungsi untuk mengontrol tampilan dari sebuah halaman website. Ada 3 cara untuk memasukkan CSS ke dalam dokumen HTML yaitu: 1. Internal Style Sheet Cara membuat internal Style Sheet adalah dengan menambahkan tag <style type="text/css" media="screen"> pada bagian header tag HTML kita. Setelah selesai menambahkan tag maka selanjutnya tag tersebut kita tutup lagi dengan </style> sehingga kode HTML menjadi sebagai berikut: 2. External Style Sheet Menuliskan Mark up CSS untuk external Style Sheet tidak ditempatkan didalam HTML melainkan dibuat file sendiri dengan ekstensi.css. Untuk itu, terlebih dahulu perlu dibuat file berisi kode css kemudian disimpan dengan ekstensi file.css. Untuk menghubungkan dokumen html dengan CSS tersebut kita cukup menambahakan yang berikut ini di header dokumen html : <link rel="stylesheet" href="style.css" type="text/css"> Sehingga di dokumen html akan terlihat seperti berikut ini :
  • 4.
    4 3. Embedded StyleSheet Penulisan CSS didalam dokumen HTML dan menggunakan tag <style></style>. Contoh :
  • 5.
    5 Latihan : Buatlah Formpemesanan kereta api seperti di bawah ini :