Sedikit saja penjelasan tentang html5, HTML5 adalah penyempurnaan dari standard yang sebelumnya pernah dikeluarkan oleh W3C. Banyak sekali tambahan dari standard sebelumnya. Diantaranya adalah adanya tambahan element seperti : Canvas, Video, Audio. Juga penambahan pada tag di web form serta misalnya section dll. Prinsipnya lebih memudahkan untuk dibaca dan dimengerti oleh manusia. Dari sisi user, user tidak pernah tahu apakah halaman web yang sedang dia lihat itu HTML5 atau bukan, kecuali user tersebut melihat source code di dalamnya.
berikut contoh source code form pendaftaran menggunakan bahasa pemrograman web html5 (klik gambar untuk memperjelas) :
Untuk lebih rincinya saya akan membahas tentang sourcecode diatas.
code html standart biasanya hanya terdiri dari <html><head>
<title> </title>
</head>
<body>
</body>
</html>
Head merupakan kepala dari html yang didalamnya terdapat sintax <title> </title> yang artinya head memiliki sebuah title/ judul. Sedangkan body merupakan isi dari dalam html yang akan anda buat.
Didalam form pendaftaran yang saya buat terdapat :
- Sebuah table untuk mempermudah melakukan desain web.
- Input nama menggunakan type textfield.
- Input alamat menggunakan type textarea.
- Tanggal lahir menggunakan type date.
- Nomer telephone menggunakan type text.
- URL,ketika diklik mengarah website yang lain/hiperlink, dan inputnya menggunakan type url.
- Email menggunakan type email.
- Kecamatan menggunakan combobox.
Berikut penjelasan tentang potongan sourcecode diatas :
maksud dari source code diatas adalah membuat table dengan ukuran border(garis)=2 , width(lebar)=450 dengan warna border hitam,
tbody style yaitu warna isi dari table dengan warna biru muda.
tbody style yaitu warna isi dari table dengan warna biru muda.
fungsi <tr>adalah membuat baris table
<td>adalah membuat kolom table.
<td colspan="3" bgcolor="#FF9900"><marquee>
<p align="center">SELAMAT DATANG DIPENDAFTARAN KOMUNITAS DAIICHI</p></marquee>
membuat 3 kolom menjadi satu dengan membuat text berjalan menggunakan marquee.dengan warna background yaitu orange.
untuk sourcecode diatas untuk kolom pertama digunakan untuk menuliskan penjelasan. sedangkan kolom kedua digunakan untuk peletakan komponen.
sedangkan pada:
<tr> <td><a href="http://hengkysusanto.blog.com">URL :</a> <td> <input type="url" name="web" />
disini dimaksudkan ketika file html ini dijalankan maka akan terdapat sebuah tampilan dmana ditampilan itu terdapat tulisan URL ketika tulisan tersebut diklik maka akan membuka situs hengkysusanto.blog.com
fungsi html ini untuk membuat menu select tentang nama kecamatan.
yang terakhir simpan file tersebut dengan akhiran .html
kemudian dijalankan maka akan muncul tampilan seperti dibawah ini :
sekian posting saya kali ini jika ada kesalahan mohon dimaklumi.sekian terima kasih :D
gimana supaya si user klik daftar lalu ada di email kita?
ReplyDelete