Belajar HTML dasar part 1: Pengenalan HTML

Dasar dasar HTML part 1 (Pendahuluan)

Ditulis oleh Mangandaralam Sakti, 13 september 2022

Pengertian

Hallo semua!!!

Pada blog kali ini saya akan membahas tentang dasar dasar HTML yaitu tentang pengertian, fungsi dan bagian bagian pada HTML.

HTML perlu dipelajari untuk membuat dan menyusun halaman website dengan baik dan terstruktur berupa heading, paragraf, link, Dll

HTML(Hypertext markup languange) merupakan sebuah bahasa markah untuk membuat halaman web.

Fungsi HTML disini adalah sebagai kerangka sebuah web. Dalam membuat web HTML tidak sendirian ada bahasa lain yang menjadi pelengkap nya yaitu: CSS dan Javascript.

CSS berfungsi untuk memperindah tampilan web agar enak dilihat dan java script membuat tampilan web menjadi lebih interaktif , sehingga pengguna bisa menikmati fitur fitur yang ada di website, karena kita akan banyak memasukkan fungsi fungsi ke java script.

Kegunaan HTML

Jadi HTML berfungsi sebagai pondasi sebuah halaman website. Ini fungsi fungsi dasar HTML:

💡 Membungkus element-element tertentu sesuai kebutuhan.

💡 Membuat heading atau format judul.

💡 Membuat Tabel.

💡 Membuat List.

💡 Membuat Paragraf.

💡 Membuat Form.

💡 Membuat Tombol.

💡 Membuat huruf tebal.

💡 Membuat huruf miring.

💡 Menampilkan gambar.

💡 Menampilkan video.

Penemu HTML

Penemu HTML adalah Tim Barners-Lee pada tahun 1991

Pengembangan versi HTML

1.) HTML 1.0 (Juni 1993) versi HTML pertama, namun tidak resmi dirilis

2.) HTML 2.0 (24 November 1995) versi HTML kedua yang resmi pertama kali beredar di pasaran dan dirilis oleh IETF.

3.) HTML 3.0 (28 maret 1995) versi HTML ini gagal beredar, karena banyak perubahan yang memicu perdebatan.

4.) HTML 3.2 (14 januari 1997) versi resmi yang dirilis W3C pertama kali.

5.) HTML 4.0 (24 April 1998) versi pengembangan dari yang sebelumnya.

6.) HTML 4.01 (24 Desember 1999) versi perbaikan dari HTML 4.0.

7.) XHTML 1.0 (26 Januari 2000) pengembangan dari HTML 4.01 dengan mengadopsi XML.

8.) XHTML 2.0 (Agustus 2002-Juli 2006) versi ke 2 dari XHTML.

9.) HTML 5 (28 oktober 2014) versi HTML saat ini.

Teks editor

Dalam membuat website, kita memerlukan teks editor untuk menulis sebuah program yang akan kita buat. Disini saya akan memberikan rekomendasi teks editor untuk belajar pemrograman web.

1. Versi windows

• Visual Studio code

• Notepad++

• Atom

• Brackets

• Netbeans

• Sublime teks editor

• Codepen

2. Versi Android

• Acode

• Quick edit

• Code editor

Dsb

Struktur dasar HTML

Struktur HTML terdiri dari 3 bagian, yaitu:

1. Bagian deklarasi

• <!DOCTYPE html>

Ini adalah bagian/tag deklarasi untuk menyatakan tipe dokumen dan versinya. Contoh diatas adalah versi HTML 5

• <html lang="en">

Tag<html>wajib ada di setiap dokumen HTML. Pada tag ini menggunakan Atribut lang="en" untuk menyatakan bahwa konten HTML ini akan menggunakan bahasa inggris.

2. Bagian head

Bagian head adalah bagian kepala dari HTML dimulai dari tag "<head> lalu ditutup dengan tag "</head>.

Pada bagian head, biasanya digunakan untuk menuliskan tag tag yang akan dibaca oleh mesin.

Contoh:

1. Tag meta

2. Tag <title> untuk judul

3. Tempat menulis kode css dan java script.

3. Bagian body

Bagian body adalah bagian yang akan ditampilkan pada web browser.

Penulisan nya dimulai dari tag <body> lalu ditutup dengan tag </body>

Disinilah kita dapat menuliskan banyak konten dari berbagai macam tag.

Baiklah, sekian blog kali ini pada blog selanjutnya akan dibahas mengenai element dan atribut pada HTML.

MsTechnology

Cari Blog Ini