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
|
No comments:
Post a Comment