Pengertian HTML
Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web
Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas
format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata
dan disimpan dalam format ASCII normal sehingga menjadi halaman web
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).
Sejarah Singkat HTML
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990. HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun 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. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997. 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). HTML 5 adalah versi terbaru HTML saat ini yang merupakan pengembangan bahasa markup yang lebih baik, lebih berarti atau semantik (semantic meaning) yang sebelumnya adalah bahasa markup sederhana menjadi sebuah flatform canggih, kaya akan fitur dan Antarmuka Pemrograman Aplikasi atau API (Application Programming Interface).
Perkembangan HTML
HTML versi 1.0
HTML versi 1.0 ini memiliki kemampuan untuk
menampilkan heading, paragraph, hypertext, list, serta cetak tebal dan
miring pada teks. Versi ini juga mendukung peletakan image pada dokumen
tanpa memperbolehkan menempatkan teks disekeliling gambar (wrapping).
HTML versi 2.0
HTML versi 2.0 ini menambahkan kemampuan untuk
menampilkan sutu form pada dokumen. Versi ini merupakan cikal bakalnya
sebuah homepage yang interaktif.
HTML versi 3.0
HTML versi 3.0 menambahkan beberapa fasilitas baru
seperti tabel. Versi ini tidak bertahan lama. Segera digantikan dengan
versi 3.2. HTML versi 3.0 juga dinamakan sebagai HTML +.
HTML versi 4.0
HTML versi 4.0 ini terdapat banyak sekali perubahan
dan revisi. Perubahan ini terjadi hampir pada semua perintah-perintah
HTML seperti table, image, link, text, meta, imagemaps, form, dll.
Kemudian lahirlah HTML versi 4.01 yang menjadi
standar penulisan HTML sampai sekarang. Dan hampir semua jenis web
browser mendukung terhadap HTML versi 4.01. HTML ini dikeluarkan secara
resmi oleh W3C (World Wide Web Consortium).
HTML 5
HTML5 adalah versi terbaru dari HTML yang dibuat oleh World Wide Web Consortium (W3C). Konsep pertamanya sudah dipublikasikan pada tahun 2008, tetapi tidak banyak yang menggunakannya hingga tahun 2011. Pada tahun 2011, HTML 5 diterbitkan sepenuhnya dan orang-orang mulai menulis dan menggunakannya. HTML5 merupakan suksesor dari HTML 4.01 yang diterbitkan pertama kali tahun 1999. Sejak saat itu, internet telah berubah secara signifikan dan kehadiran HTML5 terlihat sangat diharapkan.
HTML5 adalah versi terbaru dari HTML yang dibuat oleh World Wide Web Consortium (W3C). Konsep pertamanya sudah dipublikasikan pada tahun 2008, tetapi tidak banyak yang menggunakannya hingga tahun 2011. Pada tahun 2011, HTML 5 diterbitkan sepenuhnya dan orang-orang mulai menulis dan menggunakannya. HTML5 merupakan suksesor dari HTML 4.01 yang diterbitkan pertama kali tahun 1999. Sejak saat itu, internet telah berubah secara signifikan dan kehadiran HTML5 terlihat sangat diharapkan.
Apa Fitur Yang Baru Di HTML 5?
HTML5 dibuat untuk membuat proses coding menjadi lebih mudah dan
logis. Fitur-fitur unik dan mengesankan dari HTML5 datang di dalam
departemen multimedia. Banyak dari fiturnya yang yang dibuat dengan
pertimbangan bahwa pengguna harus dapat menjalankan konten berat (heavy
content) dalam device dengan tenaga rendah (low-powered device).
Pada HTML5 terdapat fitur elemen <video>,<audio> dan
<canvas> , tetapi juga integrasi dari konten gambar grafis vektor
(yang sebelumnya kita ketahui dengan tag <object>). Artinya,
konten multimedia dan grafis dalam website akan dapat ditangani dan
dieksekusi dengan lebih mudah dan lebih cepat, tanpa membutuhkan plugin
atau API tambahan.
Sebagai bahasa markup
internet, HTML memiliki banyak fungsi dan kegunaan. Beberapa manfaat dari HTML
diantaranya
Fungsi dan Kegunaan
HTML Sebagai bahasa markup internet, HTML memiliki banyak fungsi dan kegunaan. Beberapa manfaat dari HTML diantaranya:
- Untuk Membuat Halaman Web. Bahasa HTML digunakan untuk membuat halaman web. Semua halaman web pasti dibuat dengan menggunakan HTML.
- Sebagai Pondasi Bagi Sebuah Website. Sebuah rumah jika tidak memiliki pondasi maka akan cepat roboh. Begitu juga dengan website. Jika tidak memiliki HTML sebagai pondasi, kita tidak dapat mengimplementasikan bahasa lainnya seperti CSS (bahasa untuk mendesain website), Javascript (bahasa untuk menambah prilaku website), dan PHP (bahasa pemrograman server website).
- Untuk menandai teks pada halaman web. Misalnya, kita dapat menandai sebuah teks menjadi bergaris bawah dengan menggunakan tag html.
- Untuk menandai elemen/bagian pada halaman web. Sebuah website memiliki beberapa bagian seperti header, navigasi, main dan footer. Kita dapat menandai setiap bagiannya dengan HTML.
- Untuk menampilkan informasi dalam bentuk tabel.
- Untuk menambahkan objek seperti audio, video, gambar, dll dalam halaman web.
- Untuk membuat online form.
<!– –> Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<address> Mendefinisikan informasi kontak untuk penulis
<acronym> Mendefinisikan akronim/fungsi tag ini kurang lebih sama dengan tag <abbr>
<applet> Sebagai awal dari Java applets
<area> Mendefinisikan daerah yang dapat diklik (link) pada image map
<b> Membuat teks tebal
<basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound> Memberi (suara latar) background sound pada halaman web
<big> Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink> Membuat teks berkedip
<blockquote> Mendefinisikan sebuah kutipan panjang.
<body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br> Pindah baris
<button> Mendefinisikan sebuah tombol diklik
<caption> Membuat caption pada tabel
<center> Untuk perataan tengah terhadap teks atau gambar
<cite> Mendefinisikan kutipan
<code> Mendefinisikan sebuah bagian dari kode komputer
<comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd> Indents teks
<div> Represents different sections of text
<del> Untuk memberi garis tengah pada teks/mencoret teks
<dfn> Mendefinisikan sebuah istilah definisi
<em> Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
<embed> Menambahkan sound or file avi ke halaman web
<fn> Seperti tag <a name>
<font> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form> Mendefinisikan input form
<frame> Mendefinisikan frame
<frameset> Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> Ukuran font yang dibedakan berdasarkan headingnya.
<h6> Ukuran font yang dibedakan berdasarkan headingnya.
<head> Mendefinisikan head document.
<hr> Membuat garis horizontal
<html> Bararti dokumen html
<i> Membuat teks miring
<ins> Membuat teks bergaris bawah
<img> Image, imagemap atau an animation
<input> Mendefinisikan input field pada form
<li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>,<ol> dan <ul>)
<label> Mendefinisikan label untuk sebuah elemen <input>
<listing>Fungsi tag ini sama dengan tag <pre>.
<map> Mendefinisikan client-side map
<marquee> Membuat scrolling teks (teks berjalan) – hanya pada MS IE
<nobr> Mencegah ganti baris pada teks atau images
<noframes> Jika browser user tidak mendukung frame
<ol> Mendefinisikan awal dan akhir sebuah numbering
<object> meletakkan sebuah embed untuk objek
<option>Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
<p> Ganti paragraph
<pre> Membuat teks dengan ukuran huruf yg sama
<script> Mendefinisikan awal script
<select> Membuat daftar drop-down
<table> Membuat tabel
<td> Kolom pada table
<title> Mendefinisikan title
<textarea> Mendefinisikan sebuah kontrol input multiline
<tr> Baris pada table
<thead> Untuk mengelompokkan isi header di dalam sebuah tabel
<tbody> Untuk mengelompokkan isi body di dalam sebuah tabel
<tfoot> Untuk mengelompokkan isi footer di dalam sebuah tabel
<u> Membuat teks bergaris bawah
<ul> Mendefinisikan awal dan akhir sebuah Bullets
Sekian artikel Mengenal HTML, Sejarahnya Serta Fungsinya. Semoga bermanfaat.
<address> Mendefinisikan informasi kontak untuk penulis
<acronym> Mendefinisikan akronim/fungsi tag ini kurang lebih sama dengan tag <abbr>
<applet> Sebagai awal dari Java applets
<area> Mendefinisikan daerah yang dapat diklik (link) pada image map
<b> Membuat teks tebal
<basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound> Memberi (suara latar) background sound pada halaman web
<big> Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink> Membuat teks berkedip
<blockquote> Mendefinisikan sebuah kutipan panjang.
<body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br> Pindah baris
<button> Mendefinisikan sebuah tombol diklik
<caption> Membuat caption pada tabel
<center> Untuk perataan tengah terhadap teks atau gambar
<cite> Mendefinisikan kutipan
<code> Mendefinisikan sebuah bagian dari kode komputer
<comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd> Indents teks
<div> Represents different sections of text
<del> Untuk memberi garis tengah pada teks/mencoret teks
<dfn> Mendefinisikan sebuah istilah definisi
<em> Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
<embed> Menambahkan sound or file avi ke halaman web
<fn> Seperti tag <a name>
<font> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form> Mendefinisikan input form
<frame> Mendefinisikan frame
<frameset> Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> Ukuran font yang dibedakan berdasarkan headingnya.
<h6> Ukuran font yang dibedakan berdasarkan headingnya.
<head> Mendefinisikan head document.
<hr> Membuat garis horizontal
<html> Bararti dokumen html
<i> Membuat teks miring
<ins> Membuat teks bergaris bawah
<img> Image, imagemap atau an animation
<input> Mendefinisikan input field pada form
<li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>,<ol> dan <ul>)
<label> Mendefinisikan label untuk sebuah elemen <input>
<listing>Fungsi tag ini sama dengan tag <pre>.
<map> Mendefinisikan client-side map
<marquee> Membuat scrolling teks (teks berjalan) – hanya pada MS IE
<nobr> Mencegah ganti baris pada teks atau images
<noframes> Jika browser user tidak mendukung frame
<ol> Mendefinisikan awal dan akhir sebuah numbering
<object> meletakkan sebuah embed untuk objek
<option>Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
<p> Ganti paragraph
<pre> Membuat teks dengan ukuran huruf yg sama
<script> Mendefinisikan awal script
<select> Membuat daftar drop-down
<table> Membuat tabel
<td> Kolom pada table
<title> Mendefinisikan title
<textarea> Mendefinisikan sebuah kontrol input multiline
<tr> Baris pada table
<thead> Untuk mengelompokkan isi header di dalam sebuah tabel
<tbody> Untuk mengelompokkan isi body di dalam sebuah tabel
<tfoot> Untuk mengelompokkan isi footer di dalam sebuah tabel
<u> Membuat teks bergaris bawah
<ul> Mendefinisikan awal dan akhir sebuah Bullets
Sekian artikel Mengenal HTML, Sejarahnya Serta Fungsinya. Semoga bermanfaat.
No comments:
Post a Comment