Sejarah HTML Dan Tag

Sejarah HTML Dan Tag - Tag HTML

A. SEJARAH HTML

HTML diciptakan pertama kali oleh IBM pada tahun 1980 pada saat tercetus ide untuk meletakkan elemen-elemen yang menandai bagian suatu dokumen seperti judul, alamat dan isi dokumen. Lalu, pada akhirnya elemen-elemen itu menjadi suatu program untuk melakukan pemformatan dokumen secara otomatis.
Bahasa pemprograman untuk melakukan tugas tersebut disebut markup language, atau lebih lengkapnya IBM menamai program tersebut sebagai Generalized Markup Language (GML).
Konsep ini pada tahun 1986 disetujui oleh ISO (International Standard Organization) sebagai standar bagi pembuatan dokumen-dokumen dengan keluarnya ISO 8879. ISO menamai GML ini menjadi SGML (Standard Generalized Markup Language).

                                                       SGML ke HTML
             Pada tahun 1989 HTML – yang juga menggunakan teknologi markup language – dulu merupakan salah satu bagian dari SGML ini. Tim Berners-Lee seorang peneliti dan yang menciptakan system dokumen hypertext dari CERN – yang kini menjadi direktur W3C (World Wide Web Consortium) mengemukakan suatu ide tentang pembuatan suatu skrip bahasa pemprograman dan dokumen yang bisa diakses oleh seluruh komputer tanpa melihat jenis platform-nya apakah Windows, Unix, Linux dan sebagainya. Hal ini kemudian menghasilkan penciptaan HTTP (mekanisme untuk memindahkan data antara komputer Anda dan komputer server), URL (skema pengalamatan) dan HTML (bahasa sendiri). Ini dikenal sebagai HTML pada Oktober 1990. Semenjak itu HTML lebih populer daripada SGML. Versi pertama bekerja pada komputer NeXT dan hanya diproses file teks.

Pada tahun 1991 kode dan spesifikasi ditempatkan di internet. Dalam beberapa tahun berbagai browser diberi kode untuk mendukung standar, dan HTML segera mulai penangkapan di seluruh internet.

Pada tahun 1993 sebuah kelompok bernama NCSA (National Center for Supercomputing Applications) mulai merilis sebuah browser yang disebut Mosiac pada berbagai platform.

Versi pertama dari browser baru yang revolusioner yang disebut Netscape dirilis dalam bentuk Beta pada tahun 1994. Ini dengan cepat menjadi browser yang paling populer yang tersedia.

Pada tahun 1995 rilis final dari browser baru yang disebut Internet Explorer telah mengeluarkan pada publik. Browser ini didasarkan pada Mosiac (pada kenyataannya, jika Anda memilih “About” dari menu “Help” Anda masih bisa melihat bahwa dalam informasi hak cipta) dan turun ke awal yang sangat lambat.

Selama beberapa tahun berikutnya perang dikembangkan antara dua browser utama (Netscape dan Internet Explorer).

Pada tahun 1996 namun browser lain dirilis – satu ini disebut Opera. Tidak seperti IE dan Netscape, Opera ditulis dari awal dan tidak bergantung pada apapun pembangunan sebelumnya. Oleh karena itu, browser sangat unik, dan juga sangat kecil dan cepat.

Pada tahun 1999 Internet Explorer dengan cepat menjadi browser yang paling populer. Pada tahun 1999 dan 2000, spesifikasi untuk sebuah bahasa baru yang disebut XML yang dirilis. Proposal berada di udara untuk membuat spesifikasi HTML baru yang menggabungkan HTML dan XML menjadi satu paket.

B. PERKEMBANGAN HTML

Rincian perkembangan HTML :

Tahun 1980 mengembangkan sebuah bahasa pemograman yang dimana teks dan format dokumen dijadikan jadi satu yang sekarang disebut dengan HTML, tetapi saat itu IBM memberikan sebuah nama GML (Generalized Markup Language).
Tahun 1986 GML diganti namanya oleh ISO dengan SGML (Standard Generalized Markup Language).
Tahun 1989 Caillau Tim dengan Banners Lee Robert yang bekerja di CERN memberi nama HTML, dan mempopulerkanya pertama kali dengan browser Mosaic.
Tahun 1990 HTML sangat berkembang sangat cepat hingga mencapai HTML versi 5.0 yang digarap pada 4 Maret 2010 oleh W3C.
Tahun 1996 tanggal 14 Januari, HTML versi 2.0 versi ini menjadikan sebuah pioneer dalam perkembangan homepage interaktif.
Tahun 1997 tanggal 18 Desember, HTML versi 3.0, sering disebut sebut sebagai HTML+ yang mempunyai penambahan fitur table dalam paragraph, akan tetapi versi ini tidak bertahan lama.
Tahun 1996 bulan Mei , dikeluarkan HTML versi 3.2 digunakan oleh pengembang browser yang dapat diterima, dan dikatakan bahwa versi 3.2 ini merupakan versi 3.0 yang dikembangkan oleh beberapa pengembang browser seperti Netscape dan Microsoft.
Tahun 1999 tanggal 24 Desember yaitu HTML versi 4.0 sebagai penyempurnaan versi 3.2.
Tahun 2010 tanggal 4 Maret, HTML versi 5.0 yang dikembangkan oleh W3C dan IETF (Internet Engineering Task Force) yaitu sebuah organisasi yang menangani HTML sejak versi 2.0

C. TAG – TAG 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

· Font

Tag	Atribut	Deskripsi
<font></font>	Color, size, name	Mengubah gaya suatu huruf

· 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