HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu
Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen
ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem
operasi tertentu. HTML
merupakan sebuah bahasa pemrograman yang berisikan perintah kepada browser yang
telah terinstal pada computer client. File file HTML adalah berisikan beberapa instruksi atau
perintah yang di terjemahkan oleh
browser yang ada dikomputer client (user) sehingga isi informasinya dapat
ditampilkan secara visual dikomputer pengguna.Hypertext
Markup Language adalah kepanjangan dari HTML. HTML
dikenal sebagai standar bahasa yang digunakan untuk menampilkan dokumen web.
HTML sendiri dibuat
oleh Tim Berners-Lee dan dipopulerkan pertama kali oleh browser Mosaic. HTML
mengalami perkembangan yang sangat pesat sejak awal 1990. Perkembangan resmi dikeluarkan pada bulan November 1995
oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan
penyempurnaan dari HTML+ (1993). HTML
3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. HTML versi 3.2 secara resmi diterbitkan pada bulan Januari 1997 yang
merupakan buah usaha dari World Wide Web Consortium. HTML versi terbaru adalah
HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998.
HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18
Desember 1997).
Mendesain HTML adalah
adalah sebuah seni tersendiri. Untuk itu, kita seharusnya mendesainnya dengan baik
agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat.
Mendesain HTML dapat dilakukan dengan dua cara:
1. Menggunakan HTML Editor
2.
Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam
dokumen HTML.
Web dokumen terdiri dari menjadi dua elemen ataupun section, yaitu head dan body, kedua elemen tersebut dipisahkan oleh beberapa tag.
Untuk lebih
jelasnya dapat anda lihat sebuah pola dasar HTML dibawah ini:
<html>
<head>
“Informasi Tentang Dokumen HTML”
</head>
<body>
“Informasi yang akan ditampilkan dalam web Browser”
</body>
</html>
<head>
“Informasi Tentang Dokumen HTML”
</head>
<body>
“Informasi yang akan ditampilkan dalam web Browser”
</body>
</html>
Dari pola diatas dapat digambarkan adanya sebuah dokumen HTML mulai dari tag pembuka <html> sampai tag penutup </html>, sedangkan isi dari dokumen html tersebut adalah dua buah elemen atau section yaitu
• “HEAD” yang dimulai dari tag pembukanya <head> sampai tag penutup head </head>,
Pada elemen ini biasanya berisikan :
- Title, merupakan judul dokumen
- Meta tag, informasi yang akan diberikan oleh pengunjung tentang isi halaman web
Dalam Meta Tag dapat kita isikan beberapa atribut penjelasan antara lain, Content, Name, URL. Sedangkan dalam atribut tersebut terdapat sebuah value, adapun beberapa value yang dapat kita isikan antara lain abstract, author, copyright, description, distribution, expires, keywords, revist, refresh maupun language
- Script java, CSS dan beberapa perintah lain yang nantinya akan diesekusi browser tanpa ditampilkan oleh browser untuk sebagian besar, dengan kata lain pada elemen ini kebanyakan hanya mengatur informasi dan visualisasi web tersebut,
untuk elemen keduanya adalah
• “BODY” mulai dari tag pembuka <body> sampai tag penutupnya </body> pada elemen ini berisikan informasi dan pengaturannya yang akan ditampilkan dalam browser.
Terdapat juga beberapa atribut yang perlu kita pelajari didalam bahasa pemrograman HTML, dibawah ni merupakan sedikit contoh dan fungsinya :
• <DFN>, untuk menandai sebuah subdefinisi dari daftar ataupun table definisi
• <STRONG>, Untuk menandai bagian text ataupun kata dari penting dari sebuah kalimat, paragraph ataupun dokumen
• <VAR>, untuk menampilkan nama variable
• <CITE>, Menandai kutipan
• <CODE>, Menampilakan sebuah kode pemrograman
• <EM>, Penekanan sebuah kalimat
• <SAMP>, untuk membuat contoh ataupun sample didalam sebuah dokumen
• <KBD>, menandai suatu text dimana text tersebut harus dimasukan oleh user melalui keyboard
• <B>, Bold membuat tampilan tebal huruf, kata ataupun kalimat
• <I>, Italic membuat tampilan miring
• <U>, Underline membuat tampilan garis bawah
• <TT>, Membuat tampilan jenis huruf menyerupai huruf mesin ketik
• <STRIKE>, membuat garis tengah pada sebuah kalimat
• <BIG>, memperbesar ukuran huruf
• <SMALL>, memperkecil ukuran huruf
• <SUP>, menampilkan superscript
• <SUB>, menampilkan subscript
• <FONT>, merupakan sebuah pengaturan huruf, kata ataupun kalimat bahkan paragraph di mana dalam atribut ini terdapat value yang mengatur tampilan huruf tersebut seperti color. Size, style dan lainnya
• <P>, Paragrah untuk membuat sebuah paragraph
• <BR>, Line break berfungsi untuk mengganti baris
• <H1>,<H2>,<H3>,<H4>,<H5>,<H6> merupakan sebuah header dimana dari keenam jenis tersebut mempunyai perbedaan ketebalan dan ukuran huruf
• <PRE> Preformatted Text berfungsi menampilkan text apa adanya
• <CENTER> membuat sebuah text berada di posisi tengah
• <LEFT> membuat sebuah text berada di posisi kiri
• <RIGHT> membuat sebuah text berada di posisi kanan
• <Basefont size=”pixel”>mengubah ukuran sebuah huruf
• <HR> Horizontal rule berfungsi untuk membuat garis bawah
• <OL>, membuat penomoran pada daftar
• <UL>, Membuat sebuah tanda pada daftar tanpa nomor (bullet)
• <LI>, tag yang berada di dalam attribute UL ataupul OL digunakan untuk memisah baris daftar yang akan di beri penomoron ataupun tanda bullet
• <TABLE>, membuat sebuah table
• <TR>, Membuat row atau baris didalam table <TH>, membuat judul kolom di table <TD> membuat isi pada kolom table, ketiga tag ini diisikan pada atribut table
• Rowspan, Colspan merupakan pengaturan merge cell pada atribut table
• <FORM> untuk membuat form
• <A HREF=”url link”>Hypertext</A> Hyper Link
• <IMG SRC=”url img”> insert image
PERKEMBANGAN HTML
HTML versi 1.0
Pada versi ini, kemampuan yang
dimiliki antara lain heading, paragraph, hypertext, list, serta cetak tebal dan
miring pada teks
HTML versi 2.0
Di
vers ini kita dapat memasukkan nama, alamat, serta kritik ataupun saran. HTML
versi ini merupakan pionir dari adanya homepage interaktif karena adanya
penambahan kualitas HTML yang terletak pada kemampuannya menampilkan suatu form
pada dokumen. Versi ini dirilis pada 14 Januari 1996.
HTML versi 3.0
Pada versi ini HTML menambahkan beberapa fasilitas
baru,seperti Table. Versi ini sendiri dirilis pada 18 Desember 1997, versi ini
sendiri tidak bertahan lama karena cepat tergantikan oleh versi 3.2 yang
dirilis pada bulan Mei tahun 1996.
HTML versi 4.0
Versi ini memuat banyak perubahan dan revisi dari
pendahulunya. Perubahan ini terjadi di hamper segala perintah HTML, seperti
table, link,text, form, dan lain lain. Versi ini dirilis pada 24 Desember 1999.
HTML Versi 5
Versi ini dirilis pada 4 Maret 2010. Terdapat sebuah informasi bahwasanya HTML versi 5.0 masih dikembangkan oleh W3C (World Wide Web Consortium) dan IETF (Internet Engineering Task Force) yaitu sebuah organisasi yang menangani HTML sejak versi 2.0
Versi ini meiliki beberapa kelebihan, diantaranya :
Versi ini dirilis pada 4 Maret 2010. Terdapat sebuah informasi bahwasanya HTML versi 5.0 masih dikembangkan oleh W3C (World Wide Web Consortium) dan IETF (Internet Engineering Task Force) yaitu sebuah organisasi yang menangani HTML sejak versi 2.0
Versi ini meiliki beberapa kelebihan, diantaranya :
1. Cleaner code, karena sebagian besar kode telah termasuk di dalam sintaks html5, maka kode nampak terlihat lebih sederhana daripada penggabungan antara html, css dan java script.
2. Greater consistency, HTML5 telah melakukan banyak sekali penambahan sintaks yang dibuat dalam struktur lebih baik dan lebih sederhana daripada sintaks-sintaks sebelumnya.
3. Improved
Accessibility, dengan teknologi HTML5 yang memudahkan struktur pembangunan
sebuah web, maka developerdapat membangun pemahaman yang lebih detil mengenai
halaman web.
4. Client-side
Database, HTML5 menyediakan model database SQL yang baru dengan API yang dapat
dibangun dalam konsep lokal, dalam hal ini di sisi client.
5. Geolocation, HTML5 mempunyai API yang terintegrasi terhadap geolocation, fasilitas tersebut dapat diakses melalui GPS atau fasilitas lain seperti Google Latitude pada iphone.
5. Geolocation, HTML5 mempunyai API yang terintegrasi terhadap geolocation, fasilitas tersebut dapat diakses melalui GPS atau fasilitas lain seperti Google Latitude pada iphone.
6. Sharper
focus on Web Application Requiments, HTML5 membuat sebuah mekanisme yang lebih
mudah dalam hal pembuatan front end, aplikasi chat, tools drag and drop, video
player, pengolah grafis dan masih banyak lagi.
Tidak ada komentar:
Posting Komentar