APA ITU HTML? BERIKUT SEJARAH, PENGERTIAN, STRUKTUR SERTA CONTOH PROGRAMNYA

membuat website, belajar website online, komponen sebuah website

Apakah sobat bacadeh termasuk orang yang tidak dapat membuat website ? Tidak tahu apa itu website ? Ingin belajar website online ? Anda harus mengetahui yang namanya HTML agar Anda dapat membuat website. Karena HTML ini merupakan komponen sebuah website.

Tapi tenang saja, Anda tidak perlu khawatir karena belajar HTML itu tidaklah susah. Belajar HTML tidak sesulit belajar bahasa pemrograman yang rumit untuk dimengerti. Dan HTML ini bukan merupakan bahasa pemrograman ya.

Apa itu HTML ? Berikut Pengertian dan Kegunaan HTML

Hyper Text MarkUp Language adalah, jenis coding, tag-tag HTML

HTML atau Hyper Text MarkUp Language adalah Bahasa markup(jenis coding yang disisipkan kedalam teks yang memuat tentang detail dan struktur teks) standar untuk pembuatan halaman website. Dengan HTML kita dapat membuat suatu halaman website yang sesuai dengan standar pengkodean tag-tag HTML. Dengan kata lain, HTML merupakan sebuah wadah atau tempat bagi bahasa pemrograman website lainnya. 

Dengan adanya halaman website, kita dapat memberikan informasi ke berbagai penjuru nusantara dan bahkan sampai ke penjuru dunia. Diimbangi juga dengan berkembangnya dunia internet di dunia, pembuatan website serasa sangat penting di kehidupan sekarang ini. HTML sebenarnya mirip dengan bahasa yang sering kita gunakan di dalam kehidupan sehari-hari, namun dalam penulisan di HTML kita harus memerlukan kode atau “Tag HTML” sehingga membentuk struktur kode dan halaman HTML yang lengkap. 

Contohnya saat kita menulis tebal huruf “Hewan” didalam buku, maka jika didalam halaman website kita harus memakai tag HTML <b>Hewan</b>. Karena tag <b> mempunyai format untuk mencetak tebal suatu kata dan masih banyak contoh tag HTML lainnya yang akan kita bahas dibawah ini. Begitu pentingnya HTML didalam pembuatan suatu website karena bahasa satu ini dinilai sebagai pondasi dari berdirinya suatu halaman website. 

Bagi Anda yang ingin mengambil jurusan kuliah yang isinya belajar HTML atau tentang macam-macam bahasa pemrograman, Anda bisa memasuki jurusan Teknik Informatika. Belum ada bahasa hebat lain yang dapat menyaingi HTML untuk saat ini, yang dimana HTML sangat kuat dengan kemampuanya yang dapat digabungkan dengan bahasa pemrograman yang lain atau juga dapat digunakan sebagai pelengkap halaman website. 

Tag-tag kerangka HTML tersebut juga dapat membentuk struktur kode yang dapat digabungkan dengan bahasa program yang lain, yang dapat membuat suatu kesatuan halaman website yang lebih baik. Nah apa saja yang dapat dilakukan oleh HTML? berikut Listnya :

  • Membuat struktur dari halaman website.
  • Mengatur isi dari halaman web dan tampilanya
  • Membuat tabel dengan tag HTML Table.
  • Membuat Form HTML.
  • Menambahkan objek-objek penting lainnya seperti: audio, video  dan  animasi.
  • Membuat gambar dengan Kanvas.
  • Mempublikasikan halaman website secara online.

Banyak sekali hal yang dapat dilakukan oleh HTML ini. Dengan kita memahami tag dan struktur kode yang ada di didalamnya kita bisa dengan mudah membuat halaman website yang baik. Ditambah lagi dengan kode CSS yang merupakan pemanis untuk mempercantik desain pada website kita. Setelah Anda mengetahui pengertian HTML dan kegunaan HTML, kita akan kembali ke bagian sejarah dari pada HTML itu sendiri.

Sejarah HTML

Internet Engineering Task Force, ISO HTML, W3C

Pada tahun 1980 ahli fisika Tim Berners-Lee, dan juga seorang kontraktor di CERN (Organisasi Eropa untuk Riset Nuklir) mengusulkan dan menyusun ENQUIRE, yaitu sebuah sistem untuk ilmuwan CERN dalam membagikan dokumen mereka. Tepat kira-kira sembilan tahun kemudian Berners-Lee mengusulkan adanya sistem markah yang berbasis internet. Dan untuk pertama kalinya pada tahun 1991 sebuah dokumen dengan nama “Tanda HTML”,  disebutkan di Internet oleh Tim Berners-Lee. 
Tanda ini menggambarkan 18 elemen awal, yaitu versi sederhana dari HTML, yang masih ada didalam HTML4.
Sejarah Versi HTML:

  • HTML 2.0 dirilis pada tanggal 24 November 1995 sebagai IETF (Internet Engineering Task Force)
  • HTML 3.2 dirilis pada tanggal 14 Januari 1976 sebagai Konsorium WWW (World Wide Web) 
  • HTML 4.0 dirilis pada tanggal 18 Desember 1997 sebagai W3C Recommendation
  • HTML 4.01 dirilis pada tanggal 05 Mei 2000, yang distandarkan dengan ISO HTML
  • HTML 5 (stabil) dirilis pada tanggal 28 Oktober 2014, dan menjadi standard HTML tertinggi saat ini
Didalam HTML5 terbaru, terdapat banyak perubahan yang terjadi dari versi sebelumnya. Fitur baru yang tersedia antara lain:
  • Penanganan error lebih banyak
  • Scripting diganti dengan lebih banyak markup
  • HTML5 menjadi device-dependent 
  • Proses pengembangnya dapat dilihat oleh publik.

Dan fitur elemen HTML5 baru yang lain:

  • 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.

Struktur Halaman HTML
Struktur kode HTML pada dasarnya adalah sebagai berikut:

<!DOCTYPE html>
<html>
   <head>
      <title>… Judul Website</title>
  </head>
  <body>
  … ISI KONTEN
  </body>
</html>
Maksud dari struktur kode HTML tersebut adalah :

1. <!DOCTYPE html> adalah tipe dokumen yaitu HTML. Untuk halaman website versi terbaru diwajibkan menyatakan tipe dokumen ini. 

2. Tag <html> ditutup tanda </html> yaitu mendefinisikan atau memberikan maksud bahwa pada kode tersebut merupakan kode HTML. Tag ini wajib ada disetiap halaman HTML atau website.

3. Tag <head> ditutup tanda </head> yaitu kode elemen atas atau kepala dari pada halaman HTML, yang biasanya terdiri dari judul website <title>, tag meta author, deskripsi web, dll <meta>, kode <charset>.

4. Tag <title> dan </title> yaitu tag yang berfungsi membuat judul website. Yang diletakkan pada bagian dalam antara tag <head> dan </head>.

5. Tag <body> dan </body> yaitu bagian atau elemen untuk menampilkan isi atau konten dari pada website. Semua isi web berada didalam tag body ini.

Cukup mudah bukan ? belajar HTML memang cukup mudah. Tetapi jika Anda ingin membuat website yang besar yang mencuri perhatian banyak orang, tentu HTML saja tidaklah cukup. Anda harus menguasai bahasa pemrograman lainnya seperti bahasa PHP. Tetapi, hal tersebut tidak semudah yang Anda pikirkan untuk menguasai bahasa PHP atau bahasa pemrograman lainnya, apalagi jika Anda memulainya dari 0. Tentu akan terasa cukup berat.

Seperti yang telah dikatakan, untuk menguasai bahasa pemrograman, tidaklah mudah. Butuh teknik khusus agar Anda dapat menguasai bahasa pemrograman.
Anda ingin belajar HTML gratis? berikut kami akan menjelaskan sedikit materi tentang hal tersebut.

Didalam tag <body> terdapat banyak tag dan elemen yang berfungsi sebagai format teks, seperti dibawah ini:

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

Cara menuliskan atau membuat kode HTML
–       1. Buka Text Editor seperti Notepad++, Sublime Text atau yang lainya.
–           lalu Ketik kode seperti HTML diatas.
–       2. Simpan kedalam format “.html” dan beri nama mempelajari-html.html.
–      3. Buka hasil latihan yang telah dinamai tersebut, mempelajari-html.html dengan browser seperti: Mozilla ataupun Chrome.
Catatan kecil : Tag-tag pada HTML tidak sensitive, maksudnya ialah tag HTML dapat digunakan dengan teks Kapital <HTML> atau kecil <html>.  Keduanya menghasilkan output yang sama. Tetapi didalam etika berprogram, konsistensi kode merupakan suatu hal yang sangat penting, terutama untuk memberikan kejelasan terhadap kode program tersebut.

Demikianlah yang dapat kami sampaikan tentang HTML, semoga artikel yang telah kami bagikan ini dapat bermanfaat bagi Anda sekalian.

Salam, Sahabat Bacadeh.
Longtail :
pengertian html dan contohnya | fungsi html | contoh html | struktur html | pengertian html menurut para ahli | sejarah singkat html | struktur dasar html | pengertian css