Home
HTML

Part 1: Pengertian, Sejarajah dan HTML Bukan Bahasa Pemrograman



Apa itu HTML? mungkin itu hal pertama yang kalian pikirkan ketika baru memulai terjun kedunia Web Developer, HTML merupukah bahasa markah yang wajib dikuasi ketika ingin menjadi seorang Web Developer, karena HMTL merupakah unsur dasar untuk pembuatan Website. Pada artikel ini akan di jelaskan lebih detail lagi dan itu Let's go

Pengertian HTML

HTML (Hypertext Markup Language) adalah bahasa markah yang digunakan untuk membangun dan mengatur struktur halaman web. HTML menggunakan elemen-elemen atau tag-tag untuk memberikan makna pada konten dalam halaman web, seperti teks, gambar, tautan, tabel, formulir, dan banyak lagi. Markup HTML berfungsi untuk memberikan instruksi kepada browser web tentang bagaimana halaman harus ditampilkan kepada pengguna.

Setiap elemen HTML terdiri dari tag pembuka (opening tag) yang dimulai dengan tanda "<" dan tag penutup (closing tag) yang dimulai dengan tanda "</". Konten yang ingin dimasukkan ke dalam elemen tersebut ditempatkan di antara tag pembuka dan tag penutup. Contoh sederhana elemen HTML adalah:

<p>Ini adalah paragraf</p>

Dalam contoh di atas, <p> adalah tag pembuka untuk elemen paragraf, dan </p> adalah tag penutupnya. Konten "Ini adalah paragraf" ditempatkan di antara tag pembuka dan penutup. Ketika halaman HTML di-render di browser, paragraf akan ditampilkan dengan gaya dan format yang telah ditentukan.

Sejarah HMTL

HTML (Hypertext Markup Language) telah mengalami perkembangan sejak pertama kali diperkenalkan. Berikut ini sejarah singkat HTML:

  1. 1989: Tim Berners-Lee, seorang ilmuan komputer di CERN (Organisasi Eropa untuk Riset Nuklir), mengembangkan HMTL sebagai bagian dari proyek WWW (World Wide Web), HMTL awalnya dirancang sebagai cara untuk mempublikasikan dan berbagi informasi antara peneliti.
  2. 1991: HTML versi pertama (HTML 1.0) ditebitkan sebagai spesifikasi resmi oleh Tim Berners-Lee. Spesifikasi ini mencakup elemen dasar seperti judul, paragraf, tautan, dan gambar.
  3. 1993: Tim Berners-Lee dan timnya memperkenalkan HTML Versi 2.0 yang memperluas kemampuan HMTL dengan menambahkan elemen-elemen baru seperti formulir dan tabel.
  4. 1995: THML Versi 3.0 (Dikenal sebagai HTML 3.2) diperkenalkan dengan fitur-fitur baru seperti frame, warna latar belakang, dan daftar tautan yang terhormat. Ini adalah versi yang pertama kali secara luas dan didukung oleh berbagai web browser.
  5. 1997: World Wide Web Consortium (W3C), sebuah organisasi internasional yang bertanggung jawab dan mengembangkan standar web, merilis HTML versi 4.0. Versi ini memperkenalkan fitur-fitur gaya CSS (Cascading Style Sheets)  dan script javascript.
  6. 2000: HTML versi 4.01 diterbitkan sebagai revisi dari HTML 4.0, mengklarifikasi beberapa spesifikasi dan memperbaiki kesalahan.
  7. 2014: W3C merilis HTML5 sebagi versi terbaru HTML. HTML5 membawa perubahan besar dengan menyediakan lebih banyak elemen dan atribut baru yang mendukung multimedia, grafik vektor, animasi, dan aplikasi web interaktif.

Sejak itu, HTML5 telah menjadi standar utama untuk pengembangan web modern. HTML5 memiliki fitur-fitur seperti audio/video nativ, elemen semantik, canvas, geolokasi, formulir, yang ditingkatkan, dan mendukung untuk pengembangan aplikasi web responsif.

Fungsi HTML

Setelah mengenal sejarah singkat dari Markup HTML, selanjutnya kita juga akan mengetahui kegunaanya. Berikut ini adalah beberapa fungsi dan tujuan dari penerapan HTML untuk pembuatan Wep App seperti, Facebook, Lazada dan masih banyak lagi.

Fungsi utama dari HTML adalah untuk struktur website itu sendiri dan yagn telah menerapkan metode simantik untuk mempermudah setiap pengembangan dalam proses Development dan maintenance kemudian. HTML juga dapat dikolaborasikan dengan penggunaan CSS (Cascading Style Sheets) serta bahasa pemrograman javascript.

Kerangka Inti dan cara kerja HTML

<DOCTYPE html>
<head>
    <title> Judul </title>
</head>
<body>
 
 <h1> Ini Adalah Heading </h1>
 
</body> 
  1. DOCTYPE (Document Type Declaration) adalah pernyataan yang ditempatkan di bagian atas dokumen HTML untuk memberitahu browser jenis dokumen HTML yang digunakan dan versi standar yang harus diikuti. Doctype diperlukan untuk memastikan bahwa browser dapat menampilkan dan memproses dokumen HTML dengan benar. Misalnya, untuk dokumen HTML5, pernyataan Doctype yang digunakan  <!DOCTYPE html>
  2. <html> Tag ini merupakan sebagai tanda awal dari sebuah dokumen html. jadi sebelem kita memasukan head,title, dan body kita harus memasukan tag html terlebih dahulu.
  3. <head> elemen head kepala dari dokumen HTML. Tag <head> terletak diantara tag <html> dan tag </html>
  4. <title> element title merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> terletak diantara tag <head> dan tag </head>
  5. <body> elemen ini untuk menampilkan isi dokumen HTML. Tag body terletak dibawah tag <head> dan tag </head> elemen body mempunyai attribute-attribute yang menspesifikasikan khsususnya warna dan latar belakang dokumen yang akan di tampilkan pada browser

 Kesimpulan

  1. HTML adalah bahasa markup yang membentuk struktur halaman website agar dapat diproses dan dikenali oleh web browser. 
  2. Jenis tag terbagi menjadi dua, yaitu inline tags dan block level dengan kerangka inti yang meliputi struktur elemen head, body, dan footer.
  3. Dalam penerapannya, bahasa markup ini termasuk ke dalam komponen penting penyusun sisi front-end atau klien untuk membuat halaman website semaksimal mungkin.

 

Post a Comment