Pengenalan dasar HTML

HTML adalah sebuah bahasa markup standar singkatan dari Hyper Text Markup Language.
HTML merupakan pemograman dasar yang wajib di kuasai bagi seorang web developer, karena html merupakan unsur dasar dari pembangunan sebuah website serta berfungsi sebagai pondasi sebuah halaman website.

HTML dibuat pada tahun 1990 oleh seorang ilmuan yang bernama Tim Berners-Lee . Tujuan awal dibuatnya html ini untuk memudahkan para ilmuan ketika akan mengakses dokumen mereka satu sama lain. Ternyata hasilnya lebih dari yang dibayangkannya, html menjadi pondasi untuk website seperti yang dikenal saat ini.

Struktur pada html

Ada 3 dasar yang harus diketahui sebelum kita menulis baris script html.

  1. Element
  2. Tag
  3. Attribut

Element
Element adalah sebuah struktur yang memerintahkan browser bagaimana sebuah halaman website tersebut ditampilkan.
Element terdiri dari gabungan antara Tag dan Attribut.

Tag
Tag digunakan untuk menandai sebuah element, tag terbagi menjadi dua karakter, yaitu tag pembuka dan tag penutup.
Contoh tag pembuka dan penutup.

<html> - </html>

Attribut
Attribut adalah informasi tambahan yang diberikan kepada tag, dan tidak semua tag membutuhkan atribut.
Attribut sendiri memiliki dua identitas, yang pertama adalah “name” dan berikutnya adalah “value”.
Contoh attribut.

<font color="red">Contoh attribut</font>

Penjelasan:
“color”, adalah “name“, sedangkan “red” adalah “value”.

Cara penulisan pada html

Penulisan HTML, selalu diawali dengan Tag pembuka dan di ahiri dengan Tag penutup , lalu diikuti oleh attribut yang dibutuhkan didalamnya.

Contoh dasar:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Titel Website</title>
	</head>
	<body>
		Isi atau konten website disini
	</body>
</html>

Penjelasan:

Tag / KodeKeterangan
<!DOCTYPE html>Merupakan deklarasi dari type dokumen., tidak ditampilkan oleh browser
<html>⇔</html>Dikenal sebagai element utama html.
<head>⇔</head>Informasi header dari dokumen html, tidak ditampilakan oleh browser
<meta charset=”utf-8″>Informasi pengkodean karakter, tidak ditampilkan oleh browser
<title>⇔</title>Informasi title html yang ditampilkan pada tab browser
<body>⇔</body>Informasi dari isi dokumen html yang akan ditampilkan pada browser

Itulah sedikit Penjelasan tentang Pengenalan dasar html.
Silahkan ke halaman berikutnya untuk lebih mengenal bagaimana dan cara penulisan script pada html secara lengkap.

Mungkin Anda Menyukai