Pengertian tentang HTML, Sejarah dan Contoh Program HTML

Pengertian tentang HTML, Sejarah dan Contoh Program HTML​

Halo sobat TOG, Apakah kamu termasuk orang yang tidak bisa dalam membuat website ? Tidak terlalu tahu tentang cara membuat website ? Ingin belajar membuat website ? Kamu wajib mengetahui yang namanya HTML supaya bisa membuat website. Karena HTML itu merupakan dasar dari sebuah website.

Pengertian tentang HTML
HTML (Hyper Text MarkUp Language) adalah Bahasa markup standar untuk pembuatan halaman website. Dengan HTML kita dapat membuat halaman website sesuai standar dengan pengkodean tag-tag HTML.


Artinya, HTML merupakan wadah / tempat bagi bahasa pemrograman website lainnya.
Dengan halaman website kita dapat memberikan informasi ke berbagai penjuru nusantara bahkan ke seluruh dunia. Diimbangi dengan berkembangnya dunia internet, pembuatan website serasa sangat penting untuk di kehidupan sekarang ini.

HTML sebenarnya mirip dengan bahasa yang sering kita pergunakan di kehidupan sehari-hari, namun dalam penulisan di HTML kita harus memerlukan kode atau “Tag HTML” sehingga membentuk struktur kode dan halaman HTML yang lengkap.
Seperti contoh ketika kita menulis tebal huruf “Manusia” didalam buku, maka jika di dalam halaman website kita harus memakai tag HTML <b>Manusia</b>. Karena tag <b> mempunyai format mencetak tebal suatu string. Dan masih banyak contoh tag HTML lainnya yang akan kita bahas lebih lanjut dibawah ini.

Begitu pentingnya apa itu HTML didalam pembuatan website karena, bahasa satu ini dinilai sebagai pondasi dari berdirinya suatu halaman website.

Belum ada bahasa markup yang dapat menyaingi HTML untuk saat ini, yang dimana HTML sangat powerful dengan bisa digabungkan dengan bahasa program yang lain atau pelengkap halaman website.



Tag-tag kerangka HTML telah membentuk struktur kode yang dapat digabungkan dengan bahasa program yang lain, yang dapat membuat suatu kesatuan halaman website yang lebih baik. Sehingga dalam pembuatan website, HTML adalah ilmu atau pondasi yang harus dipelajari terlebih dahulu.

Apa saja sih yang dapat dilakukan oleh si HTML ini:
· Membuat struktur dari halaman website.
· Mengatur tampilan dan isi dari halaman web.
· Membuat tabel dengan tag HTML Table.
· Membuat Form HTML.
· Menambahkan objek-objek penting lainnya seperti: audio, video dan animasi.
· Membuat gambar dengan Canvas.
· Mempublikasikan halaman website secara online.

Banyak sekali yang dapat dilakukan oleh HTML. Dengan memahami struktur kode dan tag didalamnya kita bisa dengan mudah membuat halaman website yang baik.

Ditambah kode CSS yang merupakan pemanis atau mempercantik desain website, maka halaman web akan menjadi indah. Setelah mengetahui pengertian HTML dan kegunaan HTML, kita akan ulas ke bagian sejarah dari pada HTML itu sendiri.

Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup.

Sejarah HTML

Pada tahun 1980 seorang ahli fisika yang bernama Tim Berners-Lee, dan juga seorang kontraktor di CERN (Organisasi Eropa untuk Riset Nuklir) mengusulkan dan menyusun ENQUIRE, sebuah sistem untuk ilmuwan CERN dalam membagi dokumen.


Sembilan tahun kemudian Berners-Lee mengusulkan adanya sistem markah berbasis internet. Dan pertama kalinya pada tahun 1991 sebuah dokumen dengan nama “Tanda HTML”, disebutkan di Internet oleh Tim Berners-Lee.

Tanda ini menggambarkan 18 elemen awal mula, versi sederhana dari HTML, yang masih ada didalam HTML4.

Sejarah Versi HTML:

· HTML 2.0 dipublikasikan pada tanggal 24 November 1995 sebagai IETF
· HTML 3.2 dipublikasikan pada tanggal 14 Januari 1976 sebagai Konsorium World Wide Web
· HTML 4.0 dipublikasikan pada tanggal 18 Desember 1997 sebagai W3C Recommendation
· HTML 4.01 dipublikasikan pada tanggal 05 Mei 2000, yang distandarkan dengan ISO HTML
· HTML 5 (stabil) dipublikasikan pada tanggal 28 Oktober 2014, dan menjadi standard HTML tertinggi saat ini


Dan fitur elemen HTML5:

· Elemen <canvas> untuk menggambar 2D.
· Elemen <video> dan <audio> untuk memutar multimedia.
· Elemen seperti <article>, <header>, <nav>, <section>, <footer>.
· Kontrol di dalam Form seperti: tanggal, kalender, nomor, email.



Loker IT 2018 Terbaru : Programmer SAP


Struktur Halaman HTML

Struktur kode HTML pada dasarnya sebagai beriut:

<!DOCTYPE html>
<html>
<head>
<title>… Judul Website</title>
</head>
<body>
… ISI KONTEN
</body>
</html>

Maksud dari struktur kode HTML di atas:
1. <!DOCTYPE html> adalah type dokumen yaitu HTML. Untuk halaman website versi terbaru diwajibkan mendeklarasikan type dokumen ini.
2. Tag <html> ditutup </html> yaitu mendefinisikan atau memberikan maksud dari pada kode tersebut adalah kode HTML. Tag ini wajib ada disetiap halaman HTML atau website.
3. Kedua tag <head> ditutup </head> yaitu kode bagian atau elemen atas atau kepala dari pada halaman HTML, yang bisa terdiri dari judul website <title>, tag meta author, deskripsi web, dll <meta>, kode <charset>.

4. Ketiga tag <title> </title> yaitu tag yang berfungsi membuat judul website. Yang diletakkan dibagian dalam antara tag <head> dan </head>.

5. Keempat tag <body> </body> yaitu bagian atau elemen untuk menampilkan isi/konten dari pada website. Semua isi web berada di dalam tag body ini.

Terlihat mudah bukan ? Iya, belajar HTML memang mudah. Tetapi jika kamu ingin membuat website yang besar, yang menarik banyak orang, HTML saja tidak akan cukup. Kamu juga harus menguasai bahasa pemrograman lainnya seperti PHP.



Di dalam tag <body> terdapat banyak tag dan elemen yang berfungsi sebagai format teks, seperti dibawah ini:
<p> berfungsi membuat paragraph baru.
Heading dari <h1> sampai <h6> berfungsi membuat urutan font size teks, dari <h1>terbesar, sampai <h6> terkecil.
<b> adalah mencetak tebal suatu teks.
<i> mencetak miring suatu teks.
<u> mencetak garis bawah suatu teks.
<em> membuat penekanan pada teks.
<small> membuat teks tercetak kecil.
<strong> membuat teks tercetak penting.
<sub> membuat teks tercetak sebagai subscript.
<sup> membuat teks tercetak sebagai superscript/pangkat.
<del> membuat teks yang diapit oleh tag <del> akan dicoret seperti dikoreksi.
· <mark> membuat teks yang ditandai (highlighted), efek tulisan diberi “stabilo”.
<br> adalah ganti baris baru.
<hr> adalah membuat garis horisontal.
<form> berfungsi membuat halaman form/formulir.
<table> berfungsi membuat tabel. Dan masih banyak lagi.


Contoh Program Sederhana dari HTML


Cara menuliskan atau membuat kode HTML

1. Buka Text Editor seperti Notepad++, Sublime Text atau yang lain.
Ketik kode dibawah HTML diatas.
2. Simpan kedalam format “.html” dan beri nama belajar-html.html.
3. Buka hasil latihan bernama, belajar-html.html dengan browser seperti: Mozila atau Chrome.
4. Jika benar akan menghasilkan tampilan di browser seperti dibawah ini.

Tampilan di Browser:



Catatan: Tag-tag HTML tidak case sensitive, jadi tag HTML bisa digunakan dengan teks Kapital <HTML> atau kecil <html>

Artikel Panduan : XML vs HTML ?

Untuk para sobat TOG yang sekarang ini masih mencari info lowongan kerja terutama di bidang IT. PT. TOG Indonesia masih membuka kesempatan untuk kalian mengirimkan CV/Resume terbaik kalian untuk kita bantu di perusahaan-perusahaan klien ternama kita. Pengiriman bisa via e-mail ataupun via POS. Info lebih lanjut silahkan visit website kita ya..

Salam Sukses

TOG Indonesia