WHAT'S NEW?
Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts


Dari penjelasan yang ada di wikipedia : HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan.

Dimana tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ).
Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.

Berikut tujuan dibuatnya HTML5 :

  • Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
  • Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
  • Penanagan kesalahan yang lebih baik
  • Lebih markup untuk menggantikan scripting
  • HTML5 merupakan perangkat mandiri
  • Proses pembangunan dapat terlihat untuk umum
Fitur baru dalam HTML5 :
  • Unsur kanvas untuk menggambar
  • Video dan elemen audio untuk media pemutaran
  • Dukungan yang lebih baik untuk penyimpanan secara offline
  • Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section
  • Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.


Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5.

Pembuatan HTML5 juga di karenakan Standard HTML4 yang dijumpai banyak memiliki kelemahan untuk mendukung aplikasi web yang interaktif. Akibat hal ini banyak orang menambahkan fitur baru baik disisi aplikasi web ataupun disisi browser. Solusi ini dikenal dengan plugin dan salah satunya adalah Flash dan Silverlight.



Tabel dapat digunakan untuk memberikan data dalam bentuk kolom dan baris. Sebuah tabel mempunyai judul, baris untuk informasi, dan sel untuk setiap itemnya. Tabel dapat di isi dengan daftar item, paragraf, form, gambar, teks-teks preformatted, dan bahkan tabel-tabel yang lain (tabel dalam tabel). Untuk membuat tabel digunakan tag awal <table> dan tag penutup </table>

Sintaks Penulisan Table:
<table>
<tr>
<td>Data Tabel</td>
<tr>
</table>  

 Elemen-elemen dalam Table
Elemen
Penjelasan
<table> . . . </table>
Tag pembentuk tabel. jika border disertakan, maka tabel akan tampil disertai border. Nilai border 0 – 30.
<caption> . . . </caption>
Pembentuk judul tabel. judul dapat diberi tag apa saja.
<tr> . . . </tr>
Penjelaskan baris tabel dalam tabel. atribut yang dipakai : align(left, center dan right) atau valign(top, middle dan bottom).
<th> . . . </th>
Pembentuk sel header tabel. Secara default teks dalam sel ini di tebalkan dan di tampilkan ditengah.
<td> . . . </td>
Pembentuk sel data dalam tabel.


Catatan :  
  • Jumlah baris tabel ditentukan dengan banyaknya <tr> . . . </tr> yang di tulisankan dalam elemen tabel, dari <table> . . . </table>.
  • Jumlah kolom dalam tabel ditentukan dengan banyaknya <td> . . . </td> di dalam setiap definisi baris, dari <tr> . . . </tr>.
  • Setiap baris dalam tabel akan mempunyai jumlah kolom yang berbeda.  

Atribut tag Dalam <table>

Atribut tag dalam <tr>

Atribut tag Dalam <th> dan <td>


Setelah Mengenal tag tag penulisan dalam table, selanjutnya kita akan membuat template sederhana menggunakan table. Berikut langkah-langkahnya :

1. Buka Notepad++ anda (jika belum punya silahkan download di sini)
2. Ubah Language notepad++ anda menjadi bahasa HTML. lihat gambar di bawah ini
3. Ketikan code berikut di notepad++ anda
<html> 
<head>
<title>Latihan Membuat Tamplate Sederhana</title>
</head>
<body>
<table width="80%" height="80%" border="1" bordercolor="#FF0000" align="center">
<tr>
<th colspan="3" height="300"><h1>HEADER</h1></th>
</tr >
<tr>
<th colspan="3"><h3>Menu</h3>
</tr>
<tr>
<td colspan="2" align="center" height="400"><H2>Area Postingan</h2></td>
<td align="center" width="300"><h2>Area Widget</h2></td>
</tr>
<tr>
<td colspan="3" height="100" align="center"><h3>Footer</h3></td>
</tr>
</table>
</body>
</html> 
4. Setelah itu save file tersebut dengan format html, lalu jalankan file tersebut menggunakan browser anda, maka akan tampil seperti ini

Sekian tutorial dari saya, semoga bermanfaat buat anda. dan jika tutorialnya masih kurang, nanti akan saya posting lagi tutorial html yang lain, tapi anda juga harus kreatif mengembangkan tutorial ini :D. Terimakasih



HTML atau HyperTxt Markup Language merupakan sebuah salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang di sajikan pada browser. Selanjutnya saya akan Beri tutorial membuat web sederhana menggunakan Notepad++. Untuk Link Download Notepad++ bisa di SINI

Jika sudah punya Notepad++, kita mulai saja langsung membuat web HTML. Berikut langkah-langkah membuat web HTML


1. Buka Notepad++ lalu ubah bahasanya, ubah menjadi HTML. Seperti gambar di bawah ini

2. Tuliskan script/code di bawah ini ke dalam notepad++ anda
<html>
<head>
<title>Belajar menulis dengan HTML</title>
</head>
<body>
<h1>Selamat Datang</h1>
</br>
<p>Ini adalah halaman web pertama saya. Hore... Saya bisa!!</p>
</body>
</htmlL>
3. Jika sudah selesai simpan hasilnya. Pilih file>Save/Save as>Beri nama file>ubah typenya menjadi html>klik save

4. Setelah Di save maka buka file yang di simpan tadi dan hasilnya akan menjadi seperti ini

Selamat anda sudah bisa membuat WEB HTML!! :D


Follow:

Distributed By My Blogger Themes | Created By ThemeXpose