Science, Culture and Technology

Belajar HTML Part 1 - Pengenalan Dasar HTML - Glen Alvaro Blog

Belajar HTML Part 1 - Pengenalan Dasar HTML

Hay Guys kali ini saya akan berbagi ilmu tentang HTML....

HTML memang bahasa yang wajib dipelajari, bagi yang mau menjadi seorang developer.

Karena

HTML adalah bahasa dasar untuk membuat web.

Apa Itu HTML ?

Menurut Wikipedia :

Hypet Text Markup Language (HTML) adalah bahasa Markah standar untuk dokumen yang dirancang untuk di tampilkan di peramban web.

Jadi, HTML itu adalah sebuah bahasa yang menggunakan markup atau penanda untuk membuat halaman web. 

Penanda atau markup ini, nanti akan kita sebut dengan Tag. 

HTML berperan untuk menentukan struktur konten dan tampilan dari sebuah web.



Dalam membuat halaman web, HTML tidak sendirian. Ada bahasa lain lagi yang menjadi pelengkapnya, yakni CSS dan Javascript.

CSS adalah bahasa khusus yang digunakan untuk memperindah tampilan web.

Lalu Javascript bertugas untuk membuat halaman web menjadi hidup. Karena dengan Javascript, kita dapat menentukan fungsi-fungsi maupun efek yang akan diterapkan di website.

Perkembangan dan Versi HTML

HTML punya beberapa versi, dari versi yang paling tua hingga yang terbaru. Berikut ini perkembangan versi HTML:
  • [Draft] HTML 1.0 (Juni 1993) adalah versi HTML pertama, namun tidak resmi dirilis;
  • HTML 2.0 (24 November 1995) adalah versi HTML kedua yang resmi pertamakali beredar di pasaran dan dirilis oleh IETF;
  • [Draft] HTML 3.0 (28 Maret 1995) versi ini gagal beredar, karena banyak perubahan yang memicu perdebatan;
  • HTML 3.2 (14 Januari 1997) versi resmi yang dirilis W3C pertamakali.
  • HTML 4.0 (24 April 1998) versi pengembangan dari yang seblumnya;
  • HTML 4.01 (24 Desember 1999) versi perbaikan dari HTML 4.0;
  • XHTML 1.0 (26 Januari 2000) pengembangan dari HTML 4.01 dengan mengadopsi XML;
  • XHTML 2.0 (Augustus 2002—Juli 2006) versi kedua dari XHTML;
  • HTML 5 (28 Oktober 2014) versi html saat ini.

Struktur Dasar HTML

Struktur dasar HTML terdiri atas 3 Bagian :

1. Bagian Deklarasi

2. Bagian Head

3. Bagian Body

Contoh Program HTML Sederhana

Berikut ini adalah contoh-contoh program html sederhana :

1. Penulisan HTML Dasar 1


Hasil Program :















2. Membuat tag <li></li> Di HTML

Code Program :


Hasil Program :












3. Membuat Form di HTML

Code Program :


Hasil Program :


















4. Membuat tag Gambar HTML

Code Program :


Hasil Program :















5. Membuat Menu HTML

Code Program :


Hasil Program :





















Share:

No comments:

Post a Comment

Tambahkan Komentar Anda

Kalender

Daftar Isi

Postingan terbaru

Label

Popular Posts