Hypertext Markup Language atau HTML adalah bahasa markup yang di gunakan untuk membuat struktur halaman website.
HTML terdiri dari kombinasi teks dan simbol yang di simpan dalam sebuah file. Dalam membuat file HTML, terdapat standar atau format khusus yang harus di ikuti. Format tersebut telah tertuang dalam standar kode internasional atau ASCII (American Standard Code for Information Interchange).
Dengan adanya Hypertext Markup Language, pengguna dapat membuat atau menyusun heading, paragraf, gambar, link, dan lainnya supaya dapat di lihat banyak orang melalui halaman website.
Untuk bisa di akses secara umum, pengguna perlu membukanya lewat aplikasi browser, seperti Internet Explorer, Chrome, atau Mozilla Firefox.
Sejarah HTML
Tim Berners-Lee merupakan sosok ilmuwan di balik lahirnya HTML. Di tahun 1991, ia awalnya menciptakan HTML sebagai solusi untuk memudahkan para ilmuwan dalam mengakses dokumen satu sama lain.
Selang setahun kemudian, HTML mulai dapat di gunakan untuk umum. Sejarah penggunaan HTML secara umum ini pun tak bisa lepas dari peran World Wide Web atau yang kita kenal dengan WWW. Keduanya saling bersinergi supaya informasi yang ingin di sebarkan bisa di akses oleh banyak orang.
Tak di sangka, kini HTML telah berevolusi menjadi bahasa markup yang telah di gunakan oleh lebih dari 92,3% persen website di dunia.
Selama perjalanannya, HTML tentu mengalami perkembangan yang cukup pesat. Seperti apa evolusinya? Simak timeline perjalanan HTML berikut:
Tahun | Versi | Perkembangan HTML |
1991 | HTML1 | Memudahkan ilmuwan mengakses dokumen yang ada di berbagai komputer. |
1995 | HTML2 | Mampu menampilkan data dan form yang dapat diedit secara langsung. Versi ini merupakan cikal bakal lahirnya website interaktif. |
1997 | HTML3 | Menambahkan fitur figure untuk mendukung tampilan image. |
1998-1999 | HTML4.0 | Menambahkan perintah dasar HTML, yaitu image, tabel, text, link, dan form. |
1999-2000 | HTML4.1 | Telah dipublikasi secara internasional dan dapat dipakai oleh browser apapun. |
2014 | HTML5 | Membuat prosedur tampilan dengan menggabungkan CSS, HTML, dan Javascript. Versi ini menjadi versi terbaik karena telah dilengkapi fitur canggih yang lengkap, seperti embed video dan audio. |
Mengenal Tag HTML, Elemen, dan Atribut
1. Tag
Tag adalah tanda awalan dan akhiran dalam perintah HTML yang akan di baca oleh web browser. Tag dibuat dengan menggunakan kurung siku <…>, di mana di dalamnya berisi nama tag.
Setiap tag memiliki fungsi perintah yang berbeda-beda. Mulai dari membuat judul, paragraf, heading, cetak tebal, miring, italic, dan lainnya.
Tag HTML sendiri awalnya hanya berjumlah 18. Hingga saat ini sudah ada lebih dari 250 tag. Banyak juga, ya. Namun, Anda tak perlu menghafal semua tag yang ada. Ada hanya perlu mengingat beberapa tag dasar berikut ini:
Tag | Fungsi Tag |
<html> | Untuk memulai membuat halaman HTML yang mencakup semua konten dan elemen. |
<head> | Untuk membuat halaman HTML yang mencakup tampilan deskripsi di hasil pencarian Google, style konten (CSS), dan lainnya. |
<title> | Untuk membuat judul website |
<body> | Untuk membuat bagian isi website |
<h1> <h2> sampai <h6> | Untuk membuat bagian heading pada artikel |
<p> | Untuk membuat paragraf |
<!– –> | Untuk membuat komentar |
2. Elemen
Elemen merupakan komponen HTML yang berupa keseluruhan kode dari tag pembuka hingga tag penutup. Elemen terdiri dari teks dan simbol yang berupa tag pembuka, isi tag atau konten, dan tag penutup.
Contohnya: <bold>Belajar HTML</bold>.
Pada sebuah elemen juga bisa berisi elemen lainnya. Jadi elemen tersebut tak hanya berisi satu tag saja, tetapi banyak tag. Elemen itu di sebut nested elements. Sebagai contoh, simak kode berikut:
<html>
<body>
<h2>Judul Heading</h2>
<p>Paragraf pertama artikel.</p>
</body>
</html>
Jika diperhatikan elemen HTML tersebut, dari tag pembuka <html> lalu tag <body> yang berisi elemen tag heading dan elemen tag paragraf.
3. Atribut
Atribut adalah informasi atau perintah tambahan yang berada dalam elemen. Atribut ini berfungsi sebagai penjelas perintah tag pada elemen.
Misalnya, <img src=”gambar.jpg” alt “Bunga Matahari.”>
.
Tag <img> memiliki atribut khusus yaitu (scr) dan (alt) yang artinya browser harus menampilkan gambar.jpg dengan alt text “Bunga Matahari”.
tidak semua atribut bisa di gunakan dalam sebuah tag. Berikut ini jenis Atribut khusus beberapa tag:
Atribut | Dapat digunakan pada Tag |
src | <img>, <embed>, <audio>, <iframe> |
href | <a>, <link> |
action | <form> |
autoplay | <audio>, <video> |
0 Komentar