HTML Sebagai Bahasa Pemrograman Berbasis Web Base

HTML

HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.

Supaya dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.

HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut Standard Generalized Markup Language (SGML).

Sekarang ini HTML merupakan standar Internet yang dikendalikan dan didefinisikan pemakaiannya oleh World Wide Web Consortium (W3C). Pada tahun 1989, HTML dibuat oleh kolaborasi Berners-lee Robert dengan Caillau TIM pada saat mereka bekerja di CERN (CERN merupakan lembaga penelitian fisika energi tinggi di Jenewa)

HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke web browser. Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web.

Sejarah

HTML pertama kali diciptakan oleh IBM pada tahun 1980. Saat itu tercetus ide untuk menempatkan elemen elemen yang berguna untuk menandai bagian suatu dokumen seperti judul, alamat dan isi dokumen. Pada akhirnya elemen element tersebut dibentuk menjadi suatu program untuk melakukan pemformatan dokumen secara otomatis.

Bahasa pemrograman untuk melakukan tugas ini disebut sebagai bahasa markup. IBM menamai program ini sebagai Generalized Markup Language. Pada tahun 1986, konsep ini disetujui oleh ISO (International Standard Organization) sebagai standar untuk pembuatan dokumen. Bahasa ini dinamai oleh ISO sebagai Standard Generalized Markup Language (SGML)

HTML sendiri, adalah bagian dari SGML. Tim Berners-Lee dari CERN mengemukakan sebuah ide tentang pembuatan skrip bahasa pemrograman dan dokumen yang dapat diakes oleh semua komputer tanpa melihat jenis platformnya. Sejak saat itu HTML menjadi lebih populer dibandingkan SGML.

Kegunaan

Dengan menggunakan HTML anda dapat membuat antara lain :

Memodifikasi format teks

Penggunaan HTML memungkinkan kita untuk memodifikasi tampilan atau format dokumen yang akan kita transmisikan melalui media Internet. Beberapa hal yang dapat dilakukan dalam menentukan format dokumen ini adalah :

- Kita dapat menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya.

- Kita dapat menampilkan teks dalam bentuk cetakan tebal

- Kita dapat menampilkan sekelompok kata dalam bentuk miring

- Kita dapat menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik

- Kita dapat mengubah-ubah ukuran font untuk suatu karakter tertentu.

Menampilkan daftar sesuatu dalam bentuk point-point (item)

Dengan HTML kita dapat menampilkan daftar atau deretan informasi dalam bentuk point-point sehingga lebih mudah dibaca dan dipahami

Membuat link

Konsep hypertext pada HTML memungkinkan kita untuk membuat link pada suatu kelompok kata atau frase untuk menuju ke bagian manapun dalam World Wide Web. Ada tiga macam link yang dapat kita gunakan :

- Link menuju bagian lain dari page

- Link menuju page lain dalam satu web site

- Link menuju resource atau web site yang berbeda

Menyisipkan citra

Dengan menyisipkan citra maka tampilan page kita akan lebih menarik, interaktif dan informatif untuk mendukung data-data lainnya dalam bentuk teks.

Menampilkan informasi dalam bentuk tabel

Penampilan informasi dalam bentuk tabel ini akan mempermudah pembaca untuk memahami informasi yang kita tawarkan. Penggunaan tabel ini juga dapat dilakukan untuk menambah nilai estetika dari page yang akan kita rancang.

Perkembangan HTML

Sejak dirilis, bahasa HTML terus mengalami perkembangan

HTML 1.0

HTML 1.0 adalah versi pertama dari HTML. Pada saat ini tidak banyak orang yang ikut berpartisipasi dalam pembuatannya. Fitur dari versi ini pun masih terbatas. Antar lain heading, paragraf, hypertext, list, efek tebal dan miring pada teks. Versi 1.0 juga mendukung peletakan gambar, namun tidak mendukung adanya teks disekeliling gambar.

HTML 2.0

HTML 2.0 masih membawa fitur sebelumnya dari versi 1.0, dengan tambahan beberapa vitur baru. Fitur tersebut adalah form. Dengan form, kita dapat memasukkan data data seperti nama, alamat, serta komentar. Hadirnya fitur form ini menjadi awal terbentuknya website yang interaktif.

HTML 3.0

Pada versi ini, mulai banyak orang yang ikut memberikan kontribusi pada HTML. Fitur baru yang hadir di versi ini salah satunya adalah tabel. Versi HTML ini tidak bertahan lama dikarenakan banyak permasalahan seperti perang antar browser. Karena itu, HTML ini segera diganti lagi menjadi versi 3.2

HTML 3.2

Perang antar browser terus berlanjut dikarenakan mereka membuat tag HTML mereka sendiri. Untuk menghentikan hal ini, dibentuklah sebuah organisasi yang menangani standard dari HTML. Organisasi ini bernama World Wide Web Consortium (W3C).

HTML 4.0

Dengan hadirnya W3C sebagai standarisasi HTML, perang browser terhenti. HTML lalu berkembang menjadi HTML 4.0. Versi ini memuat banyak sekali revisi dan perubahan dari versi sebelumnya. Perubahan ini terjadi di hampir seluruh perintah HTML seperti text, link, image, imagemaps, table, form, meta, dan lain lain.

HTML 4.01

Versi ini hadir untuk memperbaiki beberapa kesalahan di versi sebelumnya

XHTML 1.0

XHTML adalah gabungan dari HTML dan XML. Karena XHTML tidak se-fleksibel HTML, tidak banyak orang yang menyukai versi ini.

HTML 5

HTML 5 adalah versi terakhir dari HTML saat artikel ini ditulis. HTML 5 membawa banyak sekali perubahan terhadap versi sebelumnya. Banyak tag baru yang diperkenalkan, seperti <header>,<aside>,<section>,<footer>,dan tag menarik lainnya. Selain itu, HTML 5 mendukung streaming video tanpa menggunakan flash. Lebih lengkapnya akan dibahas dibawah ini

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 <u>

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

Fitur Baru HTML 5

pengertian html fungsi html sejarah html

Kelebihan

Dokumen HTML sederhana

Secara garis besar, terdapat 4 jenis elemen dari HTML:

Struktural. Tanda yang menentukan level atau tingkatan dari sebuah tulisan (contoh, <h1>Golf</h1> akan memerintahkan peramban untuk menampilkan "Golf" sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1

Presentasional. Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentasional saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan tulisan,

Hiperteks. Tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.wikipedia.org/"> Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu),

Elemen widget yang membuat objek-objek lain seperti tombol (<button>), daftar (<li>), dan garis horizontal (<hr>). Konsep hiperteks pada HTML memungkinkan pembuatan tautan pada suatu kelompok kata atau frasa untuk menuju ke bagian manapun dalam World Wide Web,

Ada tiga macam pranala (link) yang dapat digunakan:

Pranala menuju bagian lain dari page.

Pranala menuju page lain dalam satu web site.

Pranala menuju resource atau web site yang berbeda.[16]

Selain markup presentasional, markup yang lain tidak menentukan bagaimana tampilan dari sebuah tulisan. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan, dan sebagai gantinya digunakan Cascading Style Sheets.

Contoh

Untuk HTML 4 Strict [17]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<title>Selamat Datang HTML</title>

</head>

<body>

<p>Halo dunia!</p>

</body>

</html>

Untuk HTML 5 [18]

<!DOCTYPE HTML>

<html>

<title>Selamat Datang HTML</title>

</head>

<body>

<p>Halo dunia!</p>

</body>

</html>

Head

Dokumen HTML diapit oleh tag <HEAD></HEAD>. Di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul halaman pada titlenya browser. Selain itu Bookmark juga menggunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan “title” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title digunakan sebagai keyword. Header juga memuat tag META yang biasanya dapat digunakan untuk menentukan informasi tertentu mengenai dokumen HTML. Anda bisa menentukan author name, keywords, dan lainnya pada tag META.

Contoh:

Body

Bagian BODY, yang dinyatakan dengan tag <BODY>…</BODY>, merupakan tubuh atau isi dari dokumen HTML di mana anda meletakan informasi yang akan ditampilkan pada browser.

Tag

HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>).

Tag biasanya merupakan suatu pasangan yang disebut dengan:

Tag awal, dinyatakan dalam bentuk <nama tag>

Tag akhir, dinyatakan dalam bentuk </nama tag>

Formatnya: <nama tag> teks yang ditampilkan </nama tag>.

Contoh: untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML <i>Teks ini terlihat miring di browser Anda</i>

Atribut

Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag tersebut. Misalnya, <P STYLE="text-align:left"> digunakan untuk membuat rata kiri suatu paragraf. Tag yang digunakan adalah <P> dan atribut yang menyertainya adalah STYLE dengan nilai "text-align:left". Nilai atribut STYLE ditulis dalam bahasa CSS.

Fitur HTML 5

FITUR YANG TERDAPAT PADA HTML5

Kelebihan HTML 5 sebagai versi terbaru dari HTML, adalah dengan hadirnya fitur fitur menarik. Fitur tersebut diantaranya

#1 Doctype dan Meta yang lebih pendek

Doctype dan Meta di HTML 5 menjadi lebih pendek dan mudah diingat. Bentuk Doctype di html 5 seperti ini

<!doctype html>

Sedangkan meta tagsnya

Jauh lebih pendek daripada versi sebelumnya

#2 Struktur Baru

Pada versi sebelumnya, ketika kita ingin membuat struktur website dengan html, kita akan membuatnya dengan tag <div>. Namun di HTML5 ini, hadir beberapa tag yang dikhususkan untuk membuat struktur suatu halaman web.

<header> untuk mendefinisikan header halaman

<nav> untuk mendefinisikan navigasi halaman

<section> untuk mendefinisikan bagian dari sebuah halaman

<article> untuk mendefiniskan artikel atau konten utama dari sebuah halaman

<aside> untuk mendefinisikan konten tambahan seperti sidebar dari sebuah halaman

<footer> untuk mendefinisikan footer dari sebuah halaman

#3 Form Web Baru

Tag <input> pada HTML 5 memiliki banyak tipe baru. Beberapa diantaranya yaitu

email : untuk mendefinisikan input yang berupa email

tel : untuk mendefinisikan input yang berupa nomor telpon

date: untuk mendefinisikan input yang berupa tanggal

Dan masih banyak lagi. Selain itu ada juga atribut baru required . Dengan atribut ini kita dapat menandai sebuah input wajib diisi, dan jika dikosongi akan mendapat peringatan.

#4 Tidak Membutuhkan Flash

Sebelumnya, web sangat membutuhkan flash terutama untuk konten seperti video. Namun pada versi baru ini, hadir tag baru seperi <video> dan <audio> yang dapat diimplementasikan tanpa menggunakan flash. Selain itu ada juga tag <canvas> yang memfasilitasi profuksi grafik permainan interaktif, aplikasi paint, dan grafis lain dengan cepat, tentunya tanpa menggunakan flash.

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.