Di post sebelumnya, sudah dijelaskan seperti apa HTML Intermediate itu, pada post kali ini saya akan menjelaskan tentang contoh dari HTML Intermediate seperti tabel, list, layout dan iframe.
1. Tables
Untuk membuat tabel digunakan element <table border = "1"> agar tabel memiliki garis. Untuk mengisi barisan digunakan <tr> pada contoh ini kita tulis pada baris pertama adalah Fruit Name dan Percentage yang sebelumnya ditulis <td> yaitu untuk data cell karena Fruit Name dan Percentage adalah data cell. Kemudian dilanjutkan dengan barisan selanjutnya yaitu Apple dan persentasenya yaitu 44% dan seterusnya.
Table Heading ini sebenarnya sama saja dengan tabel di atas hanya saja pada baris pertama yaitu judul dari data cell diberi Heading agar tampil di tabel dengan bold. Cara membuat heading pada tabel adalah dengan menggunakan <th> dan </th>.
Unordered List adalah pembuatan list yang tidak berurut atau menggunakan dot. Untuk membuat unordered list menggunakan <ul> dan </ul> dengan isi listnya menggunakan <li> dan </li>.
Ordered list merupakan list yang berurutan yaitu menggunakan angka. Untuk mendapatkan hasil ordered list digunakan <ol> dan </ol> serta isi dari list nya adalah <li> dan </li>.
Definition list sebenarnya sama saja dengan list di atas hanya saja setiap list ada penjelasannya. Untuk mendapatkan definition list digunakan <dl> dan </dl> untuk mengisi list menggunakan <dt> dan </dt> dan untuk penjelasan list menggunaan <dd> dan </dd>.
6. Layout
Layout digunakan sebagai tempat untuk menaruh konten di web dan dapat juga mengatur warna untuk web. Untuk membuat layout dari html caranya adalah menggunakan gabungan dari beberapa element seperti <body> dan </body>, <div> </div> untuk menaruh isi dari web, dan masih banyak lagi.Bisa kita lihat contohnya :
Untuk memilih suatu pilihan kita dapat menggunakan <input type = "radio" name = "sex" value = "male/female">
Iframe digunakan untuk men-display web page dalam web page. Untuk menggunakan iframe kita menggunakan element html <iframe src = "webpagename.htm"l> dan diakhiri dengan </iframe>. Dengan catatan web page yang dipilih harus satu folder dengan html iframe ini.
0 comments:
Post a Comment