Pengertian HTML Beserta Sejarah, Fungsi dan Contohnya

Apa Itu HTML? Pemahaman Dasar Tentang Bahasa Markup Hypertext

HTML merupakan singkatan dari Hypertext Mark Up Language, yang adalah bahasa standar pemrograman untuk membuat suatu website yang bisa diakses dengan internet. Secara tidak langsung, semua halaman website yang terdapat di internet ternyata disusun menggunakan bahasa ini dan kemudian diterjemahkan oleh komputer hingga akhirnya dapat dipahami oleh penggunanya. Bahasa HTML ini jugalah yang membuat layar komputer dapat menampilkan semua halaman website dengan sempurna. Bahasa ini serta telah dirancang dan disusun dengan baik yang termuat dalam berbagai kode, perintah & simbol tertentu.

Dari singkatan hypertext markup language itu sendiri kita bisa mengetahui makna dari html. Hypertext adalah suatu metode yang digunakan untuk berpindah laman web ke laman yang lain dengan mengklik suatu tulisan atau simbol pada laman website.

Istilah markup pada html sendiri diartikan sebagai suatu hal yang dilakukan tag html terhadap teks yang berada didalamnya, misal jika mengetik suatu teks dengan tanda tag maka teks tersebut akan muncul sebagai teks dengan huruf tebal atau bold pada suatu laman website.

Simbol atau tag html tersebut ditulis pada laman html yang sudah disediakan pada dashboard website pada umumnya. Sementara language dalam html adalah bahasa pemrograman atau script yang disusun dari tag-tag tertentu yang nantinya akan diterjemahkan kedalam teks atau visual yang dapat dilihat pada website.

Pengertian HTML Menurut Para Ahli dan Pakar

Menurut Nugroho (2006c:48) ”HTML adalah bahasa pemfomatan teks untuk dokumen-dokumen pada jaringan komputer yang sering disebut sebagai world wide web”.
menurut Arief (2011:23) “HTML merupakan salah satu format yang digunakan dalam pembuatan dokumen atau aplikasi yang berjalan di halaman web”.
Menurut Suyanto (2007:83) ”HTML itu adalah bahasa yang digunakan untuk menulis halaman web, biasanya menggunakan extensi .htm, .html atau .shtml”.
Menurut Agus Saputra dkk (2013:1). “ HTML mempunyai kepanjangan dari Hyper Text Markup Language, yaitu suatu bahasa pemrograman hyper text. Html ini memiliki fungsi untuk membangun kerangka ataupun format web berbasis html”.
Menurut Kustiyahningsih (2011:13) HTML kependekan Hyper Text Markup Language. Dokumen HTML adalah “textfile murni yang dapat dibuat dengan editor text sembarang. Dokumen ini dikenal sebagai web page. File-file HTML ini berisi instruksi-instruksi yang kemudian diterjemahkan oleh browser yang ada di komputer client(user) sehingga isi informasinya dapat di tampilkan secara visual di komputer pengguna (user)”.
Menurut Sutarman (2012:163) HTML (Hypertext Markup Language) adalah “bahasa standar yang digunakan untuk pembuatan halaman web atau word wide web, dengan hypertext dan informasi lain yang akan ditampilkan pada halaman web. Dokumen hypertext bisa berisi teks, gambar, dan tipe informasi lain seperti data file, audio, video, dan program executeable”.
Menurut Simarmata (2010:52), HTML adalah bahasa markup untuk menyebarkan informasi pada web. Ketika merancang HTML, ide ini diambil dari Standart Generalized Markup Language (SGML). SGML adalah cara yang terstandarisasi dari pengorganisasian dan informasi yang terstruktur di dalam dokumen atau sekumpulan dokumen. Walaupun HTML tidak dengan mudah dapat dipahami kebanyakan orang, ketika diterbitkan penggunaanya menjadi jelas.
Menurut Solihin (2016:10), HTML merupakan singkatan dari Hyper Text Markup Language. HTML dikembangkan pertama kali oleh Tim Berners-Lee bersamaan dengan protokol HTTP (Hypertext Transfer Protocol) pada tahun 1989. Tujuan utama pengembangan HTML adalah untuk meghubungkan suatu halaman web dengan halaman web lainnya. Tentunya pada awal pengembangannya.

Sejarah Singkat HTML

Pada tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan dengan Markup Language, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini sebagai Generalized Markup Language (GML).

Tahun 1986, ISO menyatakan bahwa IBM mempunyai suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan markup language adalah sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML yang dimiliki IBM, tetapi memberinya nama lain, yaitu SGML atau (Standard Generalized Markup Language). ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk pemrosesan suatu informasi teks dan sistem-sistem perkantoran. Tetapi di luar perkiraan ISO, SGML dan terutama subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide Web atau disengkat (www). Versi terakhir dari HTML saat ini ialah HTML5.

Perkembangan Kode HTML dari Awal Sampai Sekarang

Berikut merupakan sejarah perkembangan kode HTML mulai dari versi awal sampai sekarang.

1. HTML Versi 1.0

Bermula pada versi 1.0. Versi 1.0 ini merupakan pionir yang masih banyak kelemahan sehingga tampilannya masih sederhana. HTML versi 1.0 mempunyai kemampuan untuk membuat paragraf, heading, list, hypertext dan cetak tebal atau miring pada teks. Versi 1.0 juga dapat mendukung peletakan gambar atau image pada dokumen tanpa wrapping.

2. HTML Versi 2.0

HTML versi 2.0 mempunyai fitur tambahan yaitu kualitas HTML lebih baik. Versi 2.0 mempunyai kemampuan dalam menampilkan data atau form pada dokumen serta memasukan alamat, nama, dan saran atau kritik. HTML versi 2.0 ini adalah pionir untuk web interaktif.

3. HTML Versi 3.0

Versi 3.0 mempunyai tambahan fitur dengan fasilitas baru yaitu figure. Figure adalah perkembangan dari image yang berfungsi untuk meletakan gambar serta tabel. HTML versi 3.0 juga dapat mendukung adanya rumus matematika pada dokumen. Versi 3.0 sekarang digantikan dengan versi 3.2.

4. HTML Versi 3.2

Versi 3.2 adalah HTML yang paling sering digunakan. Versi ini mempunyai teknologi untuk meletakan teks pada keliling gambar. Sehingga gambar mempunyai latar belakang, frame, style, tabel, dan sebagainya. Versi 3.2 juga dapat menggunakan script untuk mendukung kinerja HTML.

5. HTML Versi 4.0

HTML versi 4.0 mengalami banyak perubahan dari versi sebelumnya. Perubahan tersebut pada perintah HTML yaitu image, tabel, text, link, form dan sebagainya.

6. HTML Versi 4.01

Terdapat juga versi 4.01 yang merupakan perbaikan dari versi 4.0. Versi ini menjadi standar untuk lemen atau atribut pada HTML. Karena sudah memperbaiki kesalahan pada versi sebelumnya.

7. HTML Versi 5.0

HTML versi 5 merupakan prosedur pembuatan tampilan web terbaru dengan penggabungan antara CSS, HTML dan JavaScript. Versi ini dibuat dari informasi bahwa W3C dan IETF membuat versi HTML yang terbaru.

Perkembangan HTML cukup signifikan. Karena W3C terus membuar dan merilis versi HTML terbaru dan update. HTML versi 5.0 menjadi versi paling baik dengan fitur yang lebih lengkap. HTML 5 mempunyai fitur canggih yaitu support pada embed video dan audio. Sehingga Anda bisa menggunakan file video atau audio ke halaman website yang diinginkan.

Fungsi HTML

Html yang dikenal sebagai bahasa pemrograman dalam ilmu komputer memiliki beberapa fungsi, diantaranya adalah sebagai berikut:

Fungsi utama html yang diketahui adalah untuk membuat suatu halaman website yang bisa dibaca dan dipahami oleh pengguna dengan lebih mudah. Seluruh laman website yang ada dalam internet dibuat dengan html dan tidak ada pengecualian.
Menandai teks pada suatu laman, html ditulis pada suatu halaman dokumen dengan tag atau simbol tertentu dimana simbol dan tag tersebut akan menandai teks menjadi tebal, miring, bergaris tebal dan lain sebagainya. Misal jika kita membuat suatu teks menjadi teks miring atau italic, dalam laman html dituliskan kode , untuk teks tebal dan untuk teks bergaris bawah.
Sebagai dasar website, website yang dibuat tentunya memiliki beberapa fitur yang dibuat dengan menggunakan java script (untuk mengatur perilaku web), implemetasi bahasa pemrograman server PHP, dan mendesain web menggunakan CSS. Semua bahasa tersebut dapat diaplikasikan jika web memiliki bahasa html sebagai dasarnya.
Menampilkan tabel, gambar, video, dan lainnya. Biasanya dalam website atau blog kita tidak bisa langsung meletakkan tabel, gambar maupun video oleh sebab itu komponen tersebut diletakkan pada web dengan menggunakan bahasa html. 4. Menandai elemen dan membuat online form, html juga berfungsi untuk menandai bagian-bagian dalam website diantaranya header, main, footer, navigation dan lain sebagainya. Selain itu html juga biasanya digunakan sebagai bahasa dalam membuat suatu online form atau formulir digital

Contoh HTML

setelah mempelajari pengertian, sejarah dan fungsi dari html, selanjutnya ialah mempelajari contoh bahasa HTML yang bisa digunakan untuk membuat sebuah website. Dan dibawah ini merupakan salah satu contoh dasar HTML, yang digunakan untuk membuat sebuah website sederhana.

<html>
<head>
<title>Biodata Diri</title>
</head>
<body>
 <div style="background: #40E0D0"> Biodata Diri SiAnu</div>

 <h3><img src="images/x.jpg" width="140" height="240"></img></h3>

 Nama : Mudji

 Tempat Tanggal Lahir : Tuban, 16 Juli 1991

 Alamat Rumah : Jalan Swadaya 1 rt 06/09 no.25 Pejaten Timur

 No.HP / Telp : 0213456789

 Pendidikan : S1 Sistem Informasi

 Kegiatan : Menjalani perkuliahan, bla bla bla...

 Cek Jadwal Perkuliahan ATA <a href="Hal-2.html">Masuk</a>
</body>
</html>

Tampilan sebagai berikut :

Keterangan :

<html> :adalah Untuk memulai sebuah HTML
<title>:ialah Untuk memberi judul pada yang nantinya akan muncul di TabBrowser
<head>: ialah Untuk Bagian Header atau Atas
</head>:ialah Untuk Penutup Header dan diawali dengan garis miring “/”
<body> : ialah Untuk Bagian Body atau Isi dalam HTML
</body>: ialah Untuk Penutup/menutup Body dan diawali dengan garis miring “/”
</html>: ialah Untuk Menutup Sebuah HTML dan diawali juga dengan garis miring “/”

diatas merupakan kode-kode Dasar untuk membuat sebuah HTML

Dalam HTML juga terdapat Tag-tag tertentu untuk mendukung membuat website yang ada dibawah ini, ada beberapa Tag dasar yang harus anda ketahui dalam HTML.

<h1> : ini ialah Tag Heading, yang berlevel 1, selain <h1> ada juga <h2>, <h3>, <h4>, <h5>, <h6>

 : (Bold) Fungsinya adalah untuk membuat Huruf menjadi Tebal

 : (Italic) Fungsinya adalah untuk membuat Huruf menjadi Miring

 : (Underline) Fungsinya adalah untuk membuat dibawah huruf berisi garis

 :ialah Untuk membuat sebuah Paragraf

  :ialah untuk Membuat sebuah baris baru atau enter

<hr> : ialah untuk membuat sebuah garis Horizontal

<center> :ialah untuk membuat tulisan atau gambar berada di tengah-tengah

<img src=”gambar-anda.jpg atau Url gambar anda”> : fungsinya adalah untuk memasukan sebuah gambar

<body bgcolor=”black”> : Fungsinya adalah untuk memberi warna untuk background atau latar belakang dan “black” bisa diganti sesuai keinginan anda, misalnya “red”, “yellow”

 :ialah Untuk mengatur warna Text dan ditutup dengan

 :ialah untuk mengatur Ukuran Sebuah Text dan ditutup dengan

 :ialah Untuk mengatur jenis Font atau Text yang akan digunakan

<marquee> : ialah untuk membuat sebuah text ataupun gambar bergerak

Penelusuran yang terkait dengan pengertian html

Ilmuips.my.id - Materi Belajar Gratis