Broadband Multimedia

20 Sep 2016

Posted by Unknown on 07.14 with No comments
Postingan kali ini saya akan mengulas mengenai HTML intermediate yang merupakan lanjutan dari postingan saya sebelumnya http://shavira-bmpnjbatch2.blogspot.co.id/2016/09/tag-dasar-html.html.

1. Formatting with Tables

Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Dalam HTML, sebuah HTML table dijelaskan dengan tag <table>. Setiap baris tabel didefinisikan dengan tag <tr>. Sebuah header tabel didefinisikan dengan tag <th>. Sebuah data / sel tabel didefinisikan dengan tag <td>. Dari masing-masing tag tersebut, tiap tag mempunyai tag penutup yaitu :
Tag <table> mempunyai tag penutup </table> 
Tag <tr> mempunyai tag penutup </tr> 
Tag <td> mempunyai tag penutup </td>

Berikut salah satu contoh tampilan dari HTML table
 untuk contoh selebihnya bisa klik disini.

2. FRAMES  

Window dalam browser dibagi menjadi beberapa windows yang disebut frame. Model ini sering digunakan untuk lebih memperjelas penyajian informasi, dengan menu sajian selalu ditampilkan. Fasilitas ini hanya dapat dijalankan pada browser web Internet Explorer 3.0 ke atas dan Netscape Navigator 2.0 ke atas. Sebuah HTML iframe dijelaskan dengan tag <frame> seperti ini,

<iframe src="URL"></iframe>

berikut adalah cara menampilan HTML iframe dari notepad++
pertama buka notepad++ lalu ketik seperti gambar berikut. lalu save dengan format .html
dan gambar dibawah ini adalah tampilan setelah dibuka di web


3. COLLECTING INFORMATION

Collecting Information atau sering juga disebut HTML Forms berfungsi untuk mengumpulkan (collect) data dari user. sebuah html form dijelaskan dengan tag <form>.
<input type =”text”> : Mendefinisikan bagian form yang dapat diinput text.
<input type = “radio”> : Menampilkan tombol audio untuk memilih suara.
<input type =”submit”> : Menampilkan bagian submit dari sebuah form.
Contoh dari tampilannya seperti pada tampilan login. Berikut ini contoh tag yang digunakan untuk membuat tampilan form.




Selamat Mencoba :))))

Sumber:
http://www.w3schools.com/html/html_tables.asp
http://mahadisuta.blogspot.co.id/2012/06/pengertian-table-dan-penerapannya-dalam.html
http://www.pro.co.id/fungsi-dan-tutorial-membuat-frame-di-html/
http://www.w3schools.com/html/html_iframe.asp 
http://www.w3schools.com/html/html_forms.asp

0 komentar:

Posting Komentar

Popular Posts

Social Media

Welcome to Shavira's blog, I hope you enjoy my posts

Pages

Copyright © WebApps | Shav | Powered By Blogger | Published By Blogger Templates20
Design by Carolina Nymark | Blogger Theme by NewBloggerThemes.com