Penjelasan & Sejarah

Luthfan Baihaqi
Luthfan Baihaqi
September 12, 2021

 

 Penjelasan Singkat

     HTML atau Hyper Text Markup Language merupakan sebuah bahasa pengrograman terstruktur yang dikembangkan untuk membuat laman website yang dapat diakses atau ditampilkan menggunakan web browser (peramban web). HTML sendiri secara resmi lahir pada tahun 1989 oleh Tim Berners Lee dan dikembangkan oleh World Wide Web Consortium (W3C), yang kemudian pada tahun 2004 dibentuklah Web Hypertext Application Tecnology Working Group (WHATG) yang hingga kini bertanggung jawab akan perkembangan bahasa HTML ini hingga kini mengembangkan versi HTML 5, sebuah versi terbaru dari HTML yang tidak hanya mendukung gambar dan teks, namun juga menu interaktif, audio, vidio, dan lain sebagainya. Bisa Saya sebut bahwa, bahasa pemprograman ini adalah satu bahasa yang paling gampang bila dibandingkan dengan bahasa-bahasa lain yang banyak digunakan.

HTML terdiri dari komponen yang disebut HTML Tag.

  • OPENING TAG ( TAG PEMBUKA) - Contohnya Adalah <p>
  • CLOSING TAG (TAG PENUTUP) - Contohnya Adalah </p>

📝 Catatan:

Tag <p> digunakan untuk menampilkan paragraf. Topik ini akan kita pelajari di bagian selanjutnya.

Berikut adalah format penulisan Opening Tag dan Closing Tag:


Berikut Adalah Format Penulisan OPENING TAG & CLOSING TAG

Struktur Dokumen HTML

Secara garis besar, Struktur dokumen HTML dapat digambarkan sebagai berikut :


Dokumen HTML memiliki 3 tag utama, yaitu <html>, <head> dan <body> Ketiga tag tersebut harus diketik PERSIS seperti contoh di bawah ini:

<!DOCTYPE html>
<html>
  <head>
    ...
  </head>
  <body>
    ...
  </body>
</html>

PENJELASAN KETERANGAN DIATAS
<!DOCTYPE> syntax mendefinisikan versi dari HTML yang digunakan dan harus dideklarasi sebelum tag <html>. <!DOCTYPE html>mendefinisikan bahwa dokumen ini adalah HTML5.
<html></html> adalah root element dari halaman HTML. Semua HTML tag lainnya harus dibungkus dengan tag ini.
<head> pada umumnya berisi <meta>, <title>, konten css/js internal maupun link ke file css/js eksternal.
<body> berisi konten website yang ingin ditampilkan pada browser

SEJARAH:


24 November 1995
  • HTML 2.0 dipublikasikan sebagai IETF RFC 1866. Penambahan RFC memperbanyak kemampuan untuk: 
    • November 25, 1995: RFC 1867 (mengunggah file berdasarkan bentuk)
    • Mei 1996: RFC 1942 (tabel)
    • Agustus 1997: RFC 1980 (peta gambar berbasis klien)
    • Januari 1997: RFC 2070 (internasionalisasi)

14 Januari 1996
  • Pada awalnya disebut "Wilbur", HTML 3.2 menghilangkan rumus matematika sama sekali yang sedang dikonsiliasasi atas kasus tumpang tindih antara kepemilikan dan mengadopsi sebagian besar tanda markah visual dari Netscape. Elemen kedip dari Netscape dan elemen marquee besutan Microsoft dihilangkan karena kesepakatan bersama antara kedua perusahaan. Sebuah markup untuk rumus matematika serupa dengan yang ada dalam HTML tidak memiliki standar sampai 14 bulam kemudian jadi MathML.

14 Januari 1996
  • HTML 3.2 dipublikasikan sebagai Konsorsium World Wide Web. Versi ini merupakan versi pertama yang dikembangkan dan distandarisasi secara khusus oleh Konsorsium World Wide Web, sebagaimana IETF sudah menutup kelompok kerja HTMLnya pada 12 september 1996.

18 December 1997
  • HTML 4.0 dipublikasikan sebagai rekomendasi W3C versi ini memiliki 3 variasi, yaitu:
  • Ketat, dimana elemen terdeprekasi dilarang.
  • Transisional dimana elemen terdeprekasi diperbolehkan.
  • Frameset, dimana sebagian besar hanya elemen yang berkaitan dengan frame diperbolehkan
  • Dulunya memiliki kode nama "Cougar", HTML 4.0 mengadopsi banyak tipe elemen dan atribut yang spesifik untuk peramban. HTML 4 adalah sebuah aplikasi SGML sesuai dengan ISO 8879-SGML.

24 Desember 1999
  • HTML 4.01 (minor fixes)

15 Mei 2000
  • ISO/IEC 15445:2000 ("ISO HTML", berdasar pada HTML 4.01 Strict)

28 Oktober 2014
  • HTML 5 (stabil) rekomendasi W3C

Fungsi HTML

     Dokumen HTML mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti Tampil Tebal, maka penulisannya dilakukan dengan cara <b> Tampil Tebal </b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menutup suatu perintah atau TAG instruksi cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan format didalam halaman web daripada menentukan penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan teks yang dikehendaki ke komputer yang penampilkan halaman web. Salah satu hal penting tentang ekstensi HTML adalsh tersedianya lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. 
 
      HTML  memungkinkan seseorang untuk menyunting tampilan atau format berkas yang akan dikirimkan melalui media daring. Beberapa hal yang dapat dilakukan dalam menentukan format berkas adalah:
  • Menampilkan suatu kelompok kata dalam beberapa ukuran  yang dapat digunakan untuk judul, heading dan sebagainya.
  •  Menampilkan tulisan dalam bentuk cetak tebal 
  • Menampilkan sekelompok kata dalam bentuk miring
  • Menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik
  • Mengubah-ubah ukuran tulisan untuk suatu karakter tertentu 
  • Mengintegerasikan gambar denga tulisan 
  • Membuat Pranala
  • Mengentegerasikan  berkas suara dan rekaman gambar hidup 
  • Membuat form interaktif 

Web Browsers

     Tujuan dari peramban web atau web browser (Chrome, IE, Forifox, Safari) adalah untuk membaca dokumen HTML dan menampilkan dokumen itu. Tentu saja browser tidak menampilkan kode-kode HTML melainkan terjemahan bahasa kode itu ke dalam UI yang bisa dibaca orang banyak.

Contoh File HTML Yang Dibuka Pada Peramban Web/Web Browser

 

Menulis HTML di Program Notepad atau Text Edit 

Untuk menggunakan Notepad di Windows:

Start +  r    

(tombol start menu/Tombol Lambang Windows di keyboard ditekan bersamaan dengan huruf  r Lalu ketikkan Notepad)

 Buka Start Menu > ke tab search>Notepad

 Untuk menggunakan Text Edit (Mac):

 Preferences >Format >dan pilih "Plain Text"

 Pada Menu "Open and Save", tandai kotak yang berbunyi "Display HTML code instead of formatted text. Kemudian buka dokumen baru untuk menuliskan kode.



Luthfan Baihaqi