Pengertian HTML
HTML adalah bahasa markup internet (web) berupa kode dan simbol yang dimasukkan
kedalam sebuah file yang ditujukan untuk ditampilkan didalam sebuah website.
Singkatnya, HTML adalah bahasa markup yang digunakan untuk membuat website.
Website yang dibuat dengan HTML ini, dapat dilihat oleh semua orang yang terkoneksi
dengan internet. Tentunya dengan menggunakan aplikasi penjelajah internet (browser)
seperti Internet Explorer, Mozilla Firefox dan Google Chrome.
Seperti yang sudah saya jelaskan sebelumnya, HTML adalah singkatan dari Hyper Text
Markup Language. Tapi mengetahui singkatannya saja tidak akan cukup. Karena itu
saya akan menyajikan arti dari kata kata tersebut.
HyperText adalah metode dimana kita "berpindah" disekeliling web,
dengan mengeklik sebuah teks yang bernama hyperlink. Hyperlink adalah
sebuah teks khusus di internet, dimana saat teks tersebut diklik, akan
membawa kita ke halaman web selanjutnya/halaman web lain yang telah
ditentukan.
Markup adalah hal yang dilakukan oleh tag HTML kepada teks yang
ada didalamnya. HTML menandai teks yang berada didalamnya sebagai
tipe teks tertentu. Misalnya saja jika kita menandai sebuah teks dengan
tag html <i>, maka teks tersebut akan berubah menjadi italic (huruf yang
miring). Sedangkan jika kita menandainya dengan <b>, maka teks
tersebut akan berubah menajadi bold (huruf tebal).
Language yang berarti bahasa. HTML adalah sebuah bahasa, yang
memiliki kata kata berupa kode dan syntax seperti bahasa yang lain.
Saat ini bahasa HTML masih terus dikembangkan Hal ini dikarenakan pengguna internet
semakin hari semakin berkembang pesat. Oleh karena itu bahasa HTML harus
ditingkatkan lagi agar bisa menciptakan halaman web yang lebih berkualitas. Untuk
itulah dibentuk sebuah organisasi yang bertanggungjawab mengembangkan bahasa
HTML. Organisasi ini bernama W3C.
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
Struktur Dasar HTML
#1 Element
Element terdiri dari 3 bagian, yaitu tag pembuka, isi dan penutup. Contohnya untuk
menampilkan judul dari sebuah halaman, kita membuat kode html seperti ini
<title>Website Milik Faiz</title>
Yang berwarna biru, itu adalah pembuka. Yang warna hijau adalah isi. Sedangkan yang
warna merah adalah penutup. Isi adalah optional, dalam artian tidak masalah jika kita
tidak memberikan isi. Beda dengan pembuka dan penutup, keduanya harus ada dalam
sebuah kode html. Jika tidak maka akan terjadi error, dan kode tidak akan berfungsi.
Ada juga pembuka dan penutup yang berbeda dengan contoh diatas. Contohnya seperi
ini
<input type="text" value="isian" />
Pada tag input kita tidak perlu menutupnya dengan </input> ,cukup
dengan /> . Bahkan dengan menuliskan > saja juga bisa.
#2 Tag
Tag adalah teks khusus berupa dua karakter < dan >. Contohnya tag <head> dengan
nama head, <body> dengan nama body, dan sebagainya. Tag ini sudah diatur dari
sananya, jadi kita tidak boleh membuatnya sendiri. Misal jika kita menulis <bodi>, jelas
tidak akan berfungsi.
Untuk lebih memperjelas, berikut ini struktur dasar kode html
<html>
<head>
<title>Website Faiz Agil Wirawan</title>
</head>
<body>
Hai teman teman, ini website pribadi saya lho..
</body>
</html>
Penjelasan
1. <html></html> untuk menandai awal dan akhir dari file HTML
2. <head></head> berisikan keterangan informasi seperti title dan jenis
dokumen
3. <title></title> sebagai judul halaman web
4. <body></body> bagian ini adalah konten utama web seperti header,
navigasi, artikel , sidebar dan footer
Anda dapat menuliskan kode html di aplikasi bawaan Windows, Notepad. Bisa juga
mendownload aplikasi khusu untuk menulis kode yaitu Notepad++.
#3 Atribut
Atribut terdapat didalam script sebuah elemen, fungsinya untuk memberi informasi
tambahan tentang elemen. Nilai dari atribut harus ditutup dengan tanda kutip.
<input type="password" />
Kode diatas akan membuat sebuah kotak isian yang dikhususkan untuk menulis
password. Dalam artian, jika kita menulis di isian tersebut, tulisan kita akan berubah
menjadi bintang bintang seperi ini ******.
Sejarah HTML
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.
