Tutorial HTML #1 - Pengertian HTML

logo HTML5
HTML adalah bahasa markup standar untuk membuat halaman Web.  HTML merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). Pertama kali, HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa) (sumber: Wikipedia).

Bila dijelaskan secara singkat, maka pengertian HTML bisa kita definisikan sebagai berikut:

  • HTML singkatan dari Hyper Text Markup Language.
  • HTML menggambarkan struktur halaman Web menggunakan markup.
  • Elemen HTML adalah blok bangunan dari halaman HTML
  • Elemen HTML diwakili oleh tag < ….. > </……>
  • HTML tag label potongan konten seperti "judul", "paragraf", "tabel", dan seterusnya.
  • Browser tidak menampilkan tag HTML, tetapi menggunakan mereka untuk membuat isi halaman.
Contoh, tulis script ini lalu simpan dengan nama my.html lalu buka filenya di browser favorit kamu.

<!DOCTYPE html>
<html>
<head>
<meta name="author" content="Saung IT">
  <title>Pengertian HTML</title>
</head>
<body>
  <h1>Heading Pertama</h1>
  <p>Paragraf Pertama</p>
</body>
</html>

Penjelasan:
  • Tag <DOCTYPE html> deklarasi mendefinisikan dokumen ini menjadi HTML5
  • Tag <html> elemen elemen akar halaman HTML
  • Tag <head> elemen berisi informasi meta tentang dokumen
  • Tag <meta> berfungsi untuk menamai beberapa atribut halaman web
  • Tag <head> elemen berisi informasi meta tentang dokumen
  • Tag <title> elemen menentukan judul untuk dokumen
  • Tag <body> elemen berisi konten halaman yang terlihat pada browser
  • Tag <h1> elemen mendefinisikan judul besar
  • Tag <p> elemen mendefinisikan sebuah paragraf

Versi HTML Saat Ini

Saat ini versi HTML sudah mencapai v5. HTML5 merupakan pembuatan prosedur HTML baru yang menggabungkan antara HTML, CSS dan Javascript.

Tujuannya untuk memudahkan pengembang website menampilkan tampilan halaman web yang menarik.

Teknologi ini muncul pada tahun 2009. Hebat, kan?

Tag HTML

Tag HTML adalah nama elemen yang dikelilingi oleh sudut kurung atau symbol “<…>”:

Contoh:

<tagname> konten… </ tagname>

Tag HTML biasanya berhubungan dengan pasangannya, seperti <p> dan </p>. Tag pertama biasa disebut adalah tag awal, tag kedua biasa disebut tag akhir. Tag akhir ditulis seperti tag awal, tetapi dengan garis miring dimasukkan sebelum nama tag. Awal tag juga biasanya disebut tag pembuka dan tag akhir biasa disebut tag penutup.

Jika my.html berhasil dibuka pada browser favoritmu, maka akan tampil hasil:



Selamat, Anda sudah belajar pengertian HTML. Mari kita lanjut pada part selanjutnya agar pengetahuan Anda semakin berkembang. :)

Let's Go!



Happy Coding!

Related Posts