HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).
- Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Langiage, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini sebagai Generalized Markup Language atau GML.
- Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi ( ISO 8879 ) yang menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu SGML ( Standard Generalized Markup Language ).
ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk pemrosesan informasi teks dan sistem-sistem perkantoran. Tetapi diluar perkiraan ISO, SGML dan terutama subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide Web. Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML.
Fungsi HTML
- Mengintegerasikan gambar dengan tulisan.
- Membuat Pranala.
- Mengintegerasikan berkas suara dan rekaman gambar hidup.
- Membuat form interaktif.
HTML dokumen tersebut mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara:
<b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan formating di dalam halaman web daripada menentukan penampilannya.Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika dan Pranala.
Berikut ini Daftar Tag pada HTML
Tag Utama
Tag
|
Atribut
|
Deskripsi
|
<html></html>
|
Baris paling atas dari setiap file HTML
| |
<head></head>
|
Informasi umum dari sebuah halaman web
| |
<title></title>
|
Judul halaman. Terdapat pada head
| |
<body></body>
|
Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth
|
Settingan atribut untuk seluruh dokumen
|
Modifikasi Teks
Tag
|
Deskripsi
|
Contoh
|
<b></b>
|
Teks tebal
|
Teks tebal
|
<i> </i>
|
Teks miring
|
Teks miring
|
<u> </u>
|
Teks garis bawah
|
Teks garis bawah
|
<pre></pre>
|
Preformatted teks
|
Contoh teks
|
<h1></h1>
|
Header 1
| Header 1 |
<h2></h2>
|
Header 2
| Header 2 |
<h3> </h3>
|
Header 3
| Header 3 |
<h4></h4>
|
Header 4
| Header 4 |
<h5></h5>
|
Header 5
| Header 5 |
<h6></h6>
|
Header 6
| Header 6 |
<sub></sub>
|
Subscript
|
Subscript
|
<sup></sup>
|
Superscript
|
Superscript
|
Links
Tag
|
Atribut
|
Deskripsi
|
<a> </a>
|
Href, target, style, class, name, id
|
Membuat link ke dokumen atau situs lainnya
|
Gambar
Tag
|
Atribut
|
Deskripsi
|
<img>
|
Src, alt, name, border, height, width
|
Menampilkan sebuah gambar
|
Formatting
Tag
|
Deskripsi
|
Contoh
|
<blockquote></blockquote>
|
Digunakan untuk mengatur text dan gambar dalam suatu tag
|
Contoh text in a block quote format ( “ “ )
|
<ol></ol>
|
Ordered List (digunakan dengan <li>)
|
1. Item 1
|
<ul></ul>
|
Unordered List (digunakan dengan <li>)
|
• Item 1
|
<li>
|
Elemen List
| |
<dd></dd>
|
Definition List
| |
<dt>
|
Definition Term
| |
<dd>
|
Definition Description
| |
<p></p>
|
Paragraf
| |
<br>
|
Ganti baris
| |
<hr>
|
Garis horizonta
| |
<center></center>
|
Menengahkan elemen
|
Tabel
Tag
|
Deskripsi
|
Contoh
|
<table></table>
|
Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign
|
Mengatur semua elemen table
|
<tr></tr>
|
Height, bgcolor, background, align, valign, title
|
Membuat baris baru
|
<td></td>
|
Height, width, bgcolor, background, align, valign, title, colspan, rowspan
|
Membuat kolom
|
<th> </th>
|
Height, width, bgcolor, background, align, valign, title, colspan, rowspan
|
Header(kepala tabel). Otomatis ke tengah dan tebal
|
<tbody></tbody>
|
Height, width, align, valign, bgcolor, background
|
Format yang berlaku bagi cell yang diapit tag
|
<colgroup></colgroup>
|
Height, width, align, valign, bgcolor, background, colspan
|
Format yang berlaku bagi kolom
|
Form
Tag
|
Deskripsi
|
Contoh
|
<form></form>
|
Method, action, name, enctype
|
Mengatur elemen dari form
|
<input type=>
|
Text, password, hidden, radio, checkbox, submit, image, reset
|
Variasi dari tipe elemen input dalam form
|
<select></select>
|
Name, size
|
Membuat combo-box. Digunakan bersama dengan option
|
<option>
|
Selected, name, value
| |
<textarea></textarea>
|
Name, rows, cols, wrap
|
Membuat Text Area untuk input text dengan length yang lebih besar dari input text.
|
wrap
|
Off
virtual
physical
|
no wrap
word wrap, sent as one line
word wrap, sent with breaks
|
Bagi Beginner jgn banyak mengahafal tag tag HTML yg Susah di Hafal nanti Kepala anda bisa Pecah, hafal saja Tag yg mudah anda ingat.
Karena, belajar HTML itu Lupa-lupa Ingat. Haha ...
Selamat Mencoba ^_^
0 Comments
