Tutorial HTML

Assalamualaikum warahmatullahi wabarakatuh

Bahasa yang wajib dipelajari, bagi yang mau menjadi web developer adalah HTML.

Apa itu HTML?



    HTML merupakan singkatan dari Hyper Text Markup Language. HTML adalah sebuah bahasa standar untuk pembuatan halaman web. Dengan adanya HTML, kita dapat membedakan struktur yang tersusun dari sebuah halaman melalui tag atau elemen-elemen penyusunnya.

    Elemen atau tag pada HTML dikenali oleh browser seperti google chrome, refox atau Ms Edge, dll. Browser tersebut mengidentikasi setiap elemen penyusun HTML dan ditampilkan sesuai karakteristik elemen tersebut. Contohnya sebuah elemen paragraph akan ditampilkan sebagai tulisan panjang, atau sebuah elemen pranala/link akan dicetak dengan warna biru dan ketika mouse mendekat kursornya berubah menjadi telunjuk, dsb.

Contoh sebuah halaman HTML sederhana:

<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>

<h1>Ini adalah Judul</h1>
<p>Ini adalah Paragraf.</p>

</body>
</html>

Dari contoh di atas kita dapat mengidentikasi elemen-elemen nya seperti berikut:

  • element <!DOCTYPE html> mengartikan bahwa dokumen ditulis dengan versi HTML5.
  • elemen <html> adalah elemen induk atau elemen utama yang sering disebut juga root element dari sebuah halaman HTML.
  • elemen <head> berisi informasi tentang halaman HTML yang sedang dibuat.
  • elemen <title> adalah judul dari halaman HTML yang akan tampil di tab browser.
Element HTML

    Elemen atau sering disebut dengan tag pada HTML adalah penyusun dari sebuah halaman web yang dapat dikenali oleh browser dan ditampilkan oleh browser sesuai karakteristik masing-masing. Sebuah elemen HTML terdiri dari tag pembuka (start/open tag), atribut (attribute), isi (content), dan tag penutup (close tag).

Pada ilustrasi di atas merupakan sebuah elemen hyperlink dibuka dengan tag pembuka <a> . Di dalam tag pembuka tersebut terdapat atribut href yang disematkan ke dalam tag. Isi atau content dari sebuah tag untuk membuat link <a> akan ditampilkan sebagai hyperlink. lalu terakhir sebuah tag ditutup dengan sebuah tag penutup.


Jangan Bingung, Segera Praktekkan!

Mudah-mudahan dengan memahami apa itu HTML rasa bingung kamu tentang membuat halaman web bisa sedikit berkurang ya!

Nih, saya kasih referensi kampus yang oke banget buat fokus ke pemograman web nama kampusnya adalah Sekolah Tinggi Teknologi Nurul Fikri (STT-NF). STT-NF saat ini sedang membuka penerimaan mahasiswa baru TA. 2021/2022. Yang memiliki dua program studi sudah terakreditasi B yaitu Sistem Informasi & Teknik Informatika. Ada peluang Beasiswa 100% full sampai lulus juga loh! Semoga bermanfaat.

Komentar

Posting Komentar