SMK MANDALAHAYU

Where Tomorrow's Leaders Come Together

Belajar HTML - 1 - Pengenalan Dasar HTML untuk Pemula

HTML adalah bahasa pertama yang harus dipelajari bila kamu ingin menjadi seorang Web Developer, karena HTML merupakan bahan dasar untuk membuat web.

APA ITU HTML?

HTML atau Hyper Text Markup Language merupakan sebuah bahasa markah untuk membuat halaman web. Padanan HTML dalam bahasa indonesia adalah Bahasa Markah Hiper Teks (BMHT).

MEMBUAT FILE HTML

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

CONTOH-CONTOH HTML

Kita ingin menampilkan informasi di website. Informasi ini merupakan sebuah pesan: Situs web ini bertujuan untuk latihan. Maka bentuk kode HTML-nya akan seperti ini:



Situs web ini bertujuan untuk latihan


HTML di disusun dengan tag-tag (penanda). Perhatikanlah, letak penulisan informasi yang ingin dimuat di website. Berada di atantara tag  dan . tag ini merupakan tubuh dokumen. Setiap informasi yang ditulis di dalam penada ini, akan tampil di halaman web.
 
 
 
 
Contoh selanjutnya, kita akan berkenalan dengan tag  dan tag . Tag  merupakan kepala dokumen. Agar lebih mudah memahami, cantoh yang tadi kita modifikasi. Tambahkanlah tag  dan tag  Sehingga kodenya menjadi seperti di bawah ini.



    Situs Latihan



Situs web ini bertujuan untuk latihan

 
Tag  berfungsi untuk membuat judul website. Sementara itu tag  berfungsi untuk membuat kepala dokumen. Tag  harus diletakkan di dalam tag . Perhatikanlah hasilnya, teks yang ada di tag  akan ditampilkan sebagai judul website.
 
 
Contoh berikutnya, kita akan berkenalan dengan tag 

 

 dan tag 

 

. tag 

 

 berfungsi untuk membuat judul artikel. H1 adalah ukuran judul terbesar di HTML. Sementara itu, tag 

 

 berfungsi untuk membuat paragraf. Modifikasi lagi kode tadi, sehingga menjadi seperti berikut ini:



    Situs Latihan

Tentang situs web ini

Situs web ini bertujuan untuk latihan. Dibuat untuk berbagi ilmu dan untuk latihan saja. Situs ini belum mengudara, karena masih tersimpan di komputer saya sendiri (lokal). Suatu saat nanti, situs ini akan kusimpan (hosting) di sebuah server di internet.




 
Perhatikanlah hasilnya, Teks yang berada di dalam tag H1 akan ditampilkan lebih besar. Karena teks itu adalah sebuah judul artikel. Sementara itu, teks yang berada di tag 

 

 akan ditampilkan dengan ukuran normal. Untuk lebih jelasnya, cobalah tambahkan paragraf lagi di bawahnya.
 
 

KESIMPULAN

HTML adalah bahasa yang wajib dipelajari oleh siapa saja yang tertarik menjadi pembuat website (Web Developer). Karena HTML merupakan bahan dasar untuk membuat website. Contoh-contoh sederhana di atas sudah menjelaskan bagaimana kode HTML itu. Banyak tag yang harus di hafal. Kunci untuk mengingatnya adalah sering berlatih membuat file HTML. Insa'allah anda akan ingat di luar kepala.

Cukup sekian dulu pengenalan HTML ini, bagaimana pendapatmu? Apakah sudah paham dan mengenal HTML, sekarang?
Referensi:

Komentari Tulisan Ini
Tulisan Lainnya
Dasar HTML - 4 - Membuat List pada HTML

List adalah elemen yang digunakan untuk menampilkan informasi dalam bentuk list. Biasanya digunakan untuk membuat menu. Ada tiga jenis list di HTML: Ordered List adalah list

22/04/2020 12:08 - Oleh Administrator - Dilihat 30 kali
Dasar HTML - 3 - Mengenal Tag untuk Membuat Link

APA ITU LINK DI HTML? Link adalah elemen html yang berfungsi menghubungkan suatu halaman web ke halaman web yang lain. Link juga dikenal dengan sebutan anchor tag, karena ia dibuat

22/04/2020 05:05 - Oleh Administrator - Dilihat 24 kali
Dasar HTML - 2 - Apa yang dimaksud tag, elemen, dan atribut dalam HTML?

Tag, elemen, dan atribut, marupakan tiga hal dasar yang harus anda pahami saat belajar HTML. Karena tiga hal dasar tersebut yang membentuk dokumen HTML. Mari kita bahas, satu persatu.

22/04/2020 04:59 - Oleh Administrator - Dilihat 22 kali