Belajar Pemrograman Web Dasar: Bahasa HTML

Halo semuanya, pada artikel kali ini saya akan menjelaskan tentang belajar pemrograman web dasar khususnya bahasa pemrograman HTML dan CSS. Kedua bahasa ini merupakan yang paling umum digunakan untuk membuat halaman website, terutama tatap muka atau istilah kerennya user interface (UI). Mari kita berkenalan lebih dalam dengan HTML dan CSS.

 

Apa itu HTML?

Melansir dari Codepolitan Online, HTML adalah singkatan dari Hyper Text Markup Language. Bahasa ini dijadikan markup standar yang digunakan untuk membuat halaman website. Hal ini dikarenakan kemudahan penggunaannya. Ketika kamu belajar pemrograman web baik itu kursus atau kuliah, HTML pasti menjadi bahasa pertama yang diajarkan.

Gambar Contoh Kode HTML

HTML berfungsi untuk membuat list, meletakkan link ke dokumen lain, menyisipkan gambar, menentukan format sebuah teks, menampilkan informasi berbentuk tabel, menambah objek lainnya, dan lain-lain. HTML juga berfungsi untuk membentuk struktur dan seksi sebuah website.

Elemen HTML

Gambar Contoh Emelent Dasar HTML

Sebuah halaman HTML terdiri dari tiga elemen dasar yakni tag, element, dan attribute. Sebuah elemen HTML dimulai dengan start tag atau tag pembuka dan ditutup dengan end tag atau tag penutup. Sebagai contoh:

“<h1>” merupakan tag pembuka; “Ini adalah contoh elemen HTML” merupakan elemen konten, dan “</h1>” adalah tag penutup.

Struktur HTML

Gambar Contoh Struktur HTML

Pada dasarnya struktur HTML terdiri dari tag <html> yang menjelaskan bahwa ini adalah file html, tag <head> dimana kamu bisa mengisi judul (title) dan meta data sebuah halaman, kemudian ada tag <body> dimana isi sebuah halaman website diletakkan di sini.

Jenis-Jenis Tag HTML

Ada beberapa jenis tag HTML dasar yang perlu diketahui dalam belajar pemrograman web, seperti dijelaskan pada kursus Belajar Web Development Menggunakan Bahasa Pemrograman PHP di Udemy, antara lain:

1. Tag Yang Terdapat Di Dalam <head>:

  • <title> adalah tag yang digunakan untuk menentukan judul sebuah halaman html. Title akan muncul pada tab browser
  • <script> adalah tag yang digunakan untuk memanggil file javascript
  • <style> tag dipakai jika ingin menambahkan style CSS di dalam file html
  • <meta> ditujukan untuk menampilkan informasi agar dapat dibaca mesin pencari seperti Google atau Bing

2. Tag Yang Tedapat Di Dalam <body>:

  • <h1>,<h2>…,<h6> adalah tag yang digunakan untuk mendefinisikan heading
  • <p> digunakan untuk membuat teks paragraf
  • <a> menjelaskan hyperlink atau tautan, atau tag yang digunakan untuk memasukkan link pada halaman website.
  • <b> membuat teks menjadi tebal
  • <object> digunakan untuk menambahkan objek tertentu di halaman html

Ada juga jenis tag HTML tanpa tag tutup, misalnya yaitu:

  • <br /> untuk memberikan spasi antar baris teks
  • <img> untuk menambahkan gambar pada halaman html
  • <!– #### –> tag ini digunakan untuk menambahkan komentar, namun tidak akan tampil pada tatap muka halaman. Dan sebenarnya tag ini bisa digunakan di dalam tag haed juga

Atribut HTML

Di dalam sebuah tag HTML, dapat ditambahkan informasi menggunakan atribut HTML. Elemen-elemen HTML dapat memiliki atribut. Sebagai contoh, atribut yang digunakan untuk menampilkan gambar pada tag <img> adalah src untuk menentukan nama file gambar yang akan ditampilkan dan width & height untuk menentukan posisi gambar.

Belajar Pemrograman Web di Udemy

Jika kamu tertarik mendalami pemrograman web secara mendalam, saya merekomendasikan kursus Udemy yang diajarkan oleh CodePolitan Online. Di sana kita akan diajarkan mengenai bahasa pemrograman mulai dari HTML, CSS, JavaScript, hingga PHP. Adapun keuntungan belajar pemrograman web di Udemy antara lain adalah mentor yang mengajarkan secara terperinci, file belajar yang dapat diunduh, dan kelas yang dapat diakses kapan saja. Selain itu, kita juga bisa langsung mengajukan pertanyaan menggunakan fitur ‘Q&A’ yang ada di platform Udemy, dimana mentor atau pengguna lain yang ikut belajar bisa menanggapi pertanyaan kita.

Ada sekitar 50.000 mentor dan 30 juta orang yang belajar di Udemy, menjadikannya platform belajar online terbesar. Selain kursus pemrograman web, ada juga kelas lain seperti desain grafis, UI/UX, web bootcamp, dan lain-lain. Saat ini Udemy tersedia dalam Bahasa Indonesia dan Bahasa Inggris, sehingga jika kamu kesulitan belajar dalam Bahasa Inggris, dapat mengambil kursus berbahasa Indonesia.

Demikian untuk belajar pemrograman web dasar HTML kali ini. Silakan bertanya pada kolom komentar di bawah apabila kamu memiliki pertanyaan atau masukan. Sampai jumpa di artikel berikutnya.


Kolom Komentar

Related Post