in

Pengertian dan Pengenalan Dasar HTML

Pada era digital dan kemudahan informasi seperti sekarang ini, setiap harinya kita selalu memegang gadget dan tidak lepas dari yang namanya internet. Kita menggunakan internet untuk berbagai kebutuhan yang beragam, salah satunya adalah mencari informasi dari website-website yang ada di internet. Tapi pernahkah anda bertanya-tanya bagaimana cara website itu dibuat?

Secara simpelnya, website yang ada di internet dibuat dari gabungan HTML, CSS, dan bahasa pemrograman seperti PHP, Javascript dan sejenisnya. Agar bisa diakses melalui internet, file web yang tersebut juga harus diletakkan di sebuah server dan menjalani beberapa protokol jaringan komputer sebelum akhirnya bisa diakses komputer lain. Nah, disini saya akan menjelaskan lebih khusus mengenai apa itu HTML dan cara menggunakannya untuk anda yang tertarik untuk mempelajari pemrograman web.

belajar-html

HTML (Hypertext Markup Language) merupakan sebuah bahasa mark-up yang digunakan untuk membuat sebuah halaman web, sehingga dapat ditampilkan melalui sebuah browser agar dapat menghasilkan tampilan wujud yang terintegerasi. Dalam penulisannya, bahasa HTML menggunakan tag yang disimbolkan dengan <> dan diakhiri dengan </>. Saat ini, versi terbaru dari HTML adalah HTML 5.

Anda bisa menggunakan code editor untuk menulis dokumen HTML, saya merekomendasikan Visual Studio Code untuk belajar. Contoh penulisan file atau dokumen HTML yang paling sederhana adalah seperti berikut ini:

belajar-html
Contoh Hasilnya

Penjelasan source code di atas adalah sebagai berikut:

  • <!DOCTYPE html> digunakan untuk mendefinisikan dokumen ini sebagai HTML 5.
  • <html> merupakan tag awal yang wajib ada untuk mengawali dan mengakhiri sebuah dokumen HTML.
  • <head> merupakan tag yang berisi informasi mengenai halaman web. Contohnya seperti judul web, deskripsi web, dan kata kunci dalam web.
  • <title> merupakan tag untuk menampilkan judul web yang biasanya ada di tab browser.
  • <body> merupakan tag yang berisi konten halaman web yang akan ditampilkan di browser.
  • <h1> merupakan tag untuk mendefinisikan heading. Terdapat tag <h1> sampai <h6>, yang dimana semakin kecil nomor yang digunakan, semakin besar font size dari heading yang dibuat.
  • <p> merupakan tag untuk membuat paragraf.

Penutup

Masih banyak lagi tag-tag lain dengan beragam fungsinya, tapi umumnya semua tag HTML memiliki penulisan yang sama yaitu dengan tag berpasangan dengan format <tag> content </tag>. Untuk penjelasan lebih lengkapnya saya akan ulas pada artikel berikutnya. Jadi teman-teman bisa terus ikuti thread artikel tentang belajar HTML ini.

What do you think?

1 point
Upvote Downvote

Written by dedy wira

Leave a Reply

Your email address will not be published. Required fields are marked *

menginstal dan menggunakan IDE bahasa C

Cara Menginstal dan Menggunakan IDE Dev-C++ untuk Bahasa Pemrograman C