Pengenalan Dasar HTML Untuk Pemula

Pengenalan Dasar HTML Untuk Pemula

1. Apa Itu HTML?

HTML adalah bahasa pertama yang harus dipelajari jika kamu ingin menjadi seorang Web Developer, karena HTML merupakan bahan dasar untuk membuat website. HTML (Hyper Text Markup Language) adalah bahasa standar yang digunakan oleh browser Internet untuk membuat halaman atau tampilan pada sebuah website. HTML biasanya digunakan untuk membuat elemen paragraf, table, gambar, link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet. HTML tersusun atas elemen-elemen HTML, elemen HTML biasanya disebut dengan tag-tag HTML.

2. Sejarah HTML

HTML diciptakan pada tahun 1980 oleh IBM dengan mengembangkan sebuah pemrograman yang saat itu diberi nama GML atau Generalized Markup Language. Pada tahun 1986 GML ganti nama menjadi SGML atau Standar Generalized Markup Language, Kemudian berganti nama lagi pada tahun 1989 oleh Tim Bernes-Lee dari Cern diberi nama HTML.

Sejak awal tahun 1990an, HTML atau Hypertext Markup Language telah menjadi teknologi utama untuk membuat sebuah halaman website. HTML pertaman kali muncul diinternet dalama bentuk text, seperti sebuah text biasa.

3. Versi HTML

Bahasa pemrograman HTML telah mengalami banyak perkembangan sejak pertama dirilis, Dimulai dari versi HTML versi 1.0, HTML versi  2.0 (24 November 1995), HTML versi  3.0, HTML versi  3.2 (14 Januari 1996), HTML versi  4.0 (18 Desember 1997), HTML versi  4.01 (5 Mei 2000), hingga yang terbaru adalah HTML versi 5.0 atau biasa disebut HTML5 (28 Oktober 2014). Dengan hadirnya versi terbaru yaitu HTML5 sampai saat ini HTML5 mampu menyempurnakan versi-versi HTML yang sebelumnya seperti HTML 4.0 (Tahun 1999) dan XHTML 1.0 (Tahun 2000).

4. Membuat File HTML

File HTML dapat dibuat dengan teks editor seperti notepad. Lebih bagus lagi jika menggunakan teks editor yang memiliki fitur syntax highlighter seperti Notepad++Sublime TextGeditKate, dan masih banyak lagi. File HTML disimpan dengan format html atau htm.

5. Struktur HTML

Elemen-elemen yang dibutuhkan untuk membuat sebuah dokumen atau sebuah halaman web dengan HTML dinyatakan dengan tag dan beserta tag-tag pasangannya.

HTML juga mengharuskan untuk menggunakan end tag atau penutup tag. Namun ada juga yang tidak perlu berpasangan seperti tag <br /> dan <hr>
dan sebaginya. Setiap dokumen HTML harus diawali dengan tag <html> sebagai pembuka dan menandakan bahwa ini adalah dokumen yang berisi format HTML, dan diakhiri dengan tag </hml>.

Contoh:

<!DOCTYPE html>

<html>

       <head>

       <tittle>Judul Dokumen</title>

       </head>

          <body>

          Isi dokumen html....

         </body>

</html>

6. Menampilkan Halaman Web pada Browser

Sebelum anda menampilkan hasil atau tampilan website yang anda buat ke dalam browser anda perlu menginstal XAMPP dan mengaktifkan Apache dan Mysql sebagai jalur agar tampilan website anda bisa dibuka kedalam browser seperti chrome dan yang lainnya, anda bisa melihat tampilan web anda di browser dengan mengetikan link awal localhost/nama folder/namafile yang anda buat, Contoh (localhost/test/index.php).

Download Tutorial