Pengenalan HTML
HTML atau Hypertext Markup Language adalah suatu dokumen teks biasa yang mudah dimengerti. Perbedaan HTML dengan word prosesor lainnya adalah HTML tidak ada batas halaman atau tidak dibatasi ukuran kertas dan pembuatan berbasis teks bukan berbasis grafiks.HTML adalah bahasa standart dalam pembuatan website. Halaman-halaman website adalah file-file yang berisi kode HTML Pengertian hypertext adalah dapat menuju ke suatu tempat atau website lain atau halaman homepage lain dengan cara memilih suatu link, sedangkan Markup Language adalah dalam suatu dokumen teks terdapat dua bagian yaitu teks itu sendiri dan elemen-elemen yang menerangkan teks-teks tersebut. Bahasa HTML (Hypertext Markup Language) sebenarnya bukan murni sebuah bahasa pemrograman komputer, tapi ia lebih mengarah pada penandaan perlakuan bagi suatu text.
Sejarah Perkembangan HTML
Sejarah perkembangan bahasa pemrograman HTML diawali dengan penemuan atau penyusunan sebuah bahasa pemrograman yang dikembangkan oleh IBM dengan nama GML (Generalized Markup Language). Dengan GML maka tampulan yang dihasilkan terganting dengan tampilah element pembuat dokumen.Tahun 1986 lembaga ISO (Internasional Standart Organisation) memberikan sertifikat ISO 8876 kepada IBM karen GML dianggap telah membantu banyak orang dalam "berinternet".ISO mengganti nama GML dengan nama SGML (Standart Generalized MarkUp language). SGML semakin berkembang seiring dengan perkembangan World Wide Web (www) yang kemudian disebut dengan istilah HTML dengan penambahan fasilitas kemudahan dalam pengaturan tampilan.Semua penambahan ini dipantau oleh lembaga 3WC(World Wide Web Consorsium).
Fungsi HTML
1. Membuat halaman web.
2. Menampilkan berbagai informasi di dalam sebuah browser Internet.
3. Membuat link menuju halaman web lain dengan kode tertentu (hypertext).
Kelebihan HTML
beberapa kelebihan pada HTML :
* Dapat ditulis dalam sintaks HTML (dengan tipe media text/html) dan XML.
* Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya.
* Integrasi (‘inline’) MathML dan SVG dengan doctype yang lebih sederhana.
* Penulisan kode yang lebih efisien.
* Dapat dimengerti oleh peramban lawas (backwards compatible).
* Dapat ditulis dalam sintaks HTML (dengan tipe media text/html) dan XML.
* Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya.
* Integrasi (‘inline’) MathML dan SVG dengan doctype yang lebih sederhana.
* Penulisan kode yang lebih efisien.
* Dapat dimengerti oleh peramban lawas (backwards compatible).
* Makna semantik beberapa elemen presentasioal.
* Fitur aksesibilitasnya. Seperti atribut alt dan summary.
* Fitur aksesibilitasnya. Seperti atribut alt dan summary.
beberapa kekurangan pada HTML :
· Kekurangan utama yang dimiliki oleh HTML5 ini adalah versi ini hanya support untuk browser modern/terbaru.
· Karena bahasa HTML5 ini masih dalam perkembangan, jadi beberapa elemen yang ada bisa saja berubah.
· Fitur keamanan yang ditawarkan HTML5 masih terbatas.
Beberapa Perintah Tag dan Fungsinya
<acronym>
|
Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr>
|
<address>
|
Mendefinisikan informasi kontak untuk penulis/pemilik dokumen
|
<applet>
|
Digunakan untuk memasukan file java kedalam dokumen HTML
|
<area />
|
Mendefinisikan daerah yang dapat diklik (link) pada peta gambar
|
<b>
|
Membuat teks tebal
|
<base />
|
Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen
|
<basefont />
|
Membuat atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen
|
<bdo>
|
Digunakan untuk menimpa arah teks
|
<big>
|
Memperbesar ukuran teks sebesar satu point dari defaultnya
|
<blink>
|
Membuat teks berkedip
|
<blockquote>
|
Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam
|
<body>
|
Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya
|
<br />
|
Memberi baris baru/pindah baris
|
<button>
|
Mendefinisikan sebuah tombol diklik
|
<caption>
|
Membuat caption pada tabel
|
Penyimpanan Database pada HTML
Buat database terlebih dahulu dengan nama "db_demo", kemudian buat tabel dengan nama "tbl_guest". Setelah itu isi database dengan script yang seperti diatas(database). Pada "index.php" terdapat action="proses.php", bagian itu di maksudkan sebagai tujuan kemana data pada form akan di proses. Pada "proses.php" adalah di mana data pada form di tampilkan dan disimpan ke dalam database.
Cara Membuat Tabel Pada HTML
<table border=”1″>
<tr>
<td>Baris 1 Kolom 1</td>
<td>Baris 1 Kolom 2</td>
</tr>
<tr>
<td>Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
</tr>
<tr>
<td>Baris 3 Kolom 1</td>
<td>Baris 3 Kolom 2</td>
</tr>
</table>
<tr>
<td>Baris 1 Kolom 1</td>
<td>Baris 1 Kolom 2</td>
</tr>
<tr>
<td>Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
</tr>
<tr>
<td>Baris 3 Kolom 1</td>
<td>Baris 3 Kolom 2</td>
</tr>
</table>
Hasil kode html tabel di atas adalah:
Baris 1 Kolom 1
|
Baris 1 Kolom 2
|
Baris 2 Kolom 1
|
Baris 2 Kolom 2
|
Baris 3 Kolom 1
|
Baris 3 Kolom 2
|
Tidak ada komentar:
Posting Komentar