Dasar HTML

Posted by : wiwin Tuesday 28 January 2014

Oke, sobat blogger. Ini adalah postingan pertama ane tentang web programming. Dalam postingan ini akan dibahas tentang dasar HTML. Dan diawali dengan definisi HTML itu sendiri. Mungkin temen-temen ada yang belum tau tentang HTML? Menurut penjelasan guru ane waktu SMK, HTML kependekan dari HyperText Markup Language merupakan format standar untuk membuat sebuah dokumen web. HTML merupakan bahasa bertanda, menggunakan rangkaian text tertentu yang disebut dengan tag untuk menandai teks yang mempunyai interprestasi khusus. File HTML berupa file teks (plain text file), bukan binary file, sehingga dapat dibuat menggunakan editor teks biasa contohnya Notepad. Sebuah file html merupakan file teks yang berisi tag-tag markup. Tag markup ini memberitahukan browser, bagaimana harus menampilkan sebuah halaman. File html harus memiliki ekstensi htm atau html.

Secara umum sebuah web HTML memiliki Skema dasar seperti berikut:

<HTML>
	<HEAD>
		Ini Judul Web
	</HEAD>
	
	<BODY>
		INI BAGIAN ISI DARI WEB...	
	</BODY>
</HTML>

Penjelasan:

HTML : menandakan awal dan akhir sebuah dokumen html
HEAD : menandakan bagian header dari sebuah dokumen HTML
TITLE : memberikan judul pada dokumen HTML. Ingat bukan judul dari isi web tapi judul web, biasanya terdapat di bagian atas browser.
BODY : menandai isi dari suatu dokumen HTML.

Perhatikan dalam contoh di atas, setiap tag memiliki pasangan. Contoh tag memiliki pasangan maksudnya adalah setiap tag yang dibuka pasti ada tutupnya. Dan pasangannya pasti selalu diawali backslash.

Kita bisa menyimpan file html dengan 2 ekstensi, yaitu .htm dan .html. Ekstensi .html ditujukan untuk sistem operasi jaman dulu karena sistem operasi jaman dulu hanya support ekstensi 3 huruf. Sedangkan untuk perkembangan selanjutnya digunakan ekstensi .html dan sudah support dengan kebanyakan sistem operasi yang ada.

Elemen HTML

Dokumen HTML adalah file teks yang berupa elemen html. Elemen html yang dimaksud di sini adalah tag-tag html. Apa itu tag html? Berikut ane jelasin lebih rinci :

Tag html digunakan untuk menandai (markup) elemen html.
Tag html berada di dua karakter penanda berikut : < >
Karakter penanda tersebut disebut dengan tanda kurung siku.
Tag html umumnya berpasangan seperti : <title> dan </title>
Tag pertama adalah tag pembuka, dan yang kedua adalah tag penutup.
Teks di antara kedua tag tersebut disebut isi elemen
Tag html tidak bersifat case sensitif, contoh tag <title> memiliki arti yang sama dengan tag <TITLE>

Tag dasar yang biasa digunakan:

<html>	dokumen html
<head>	header
<title>	judul dokumen
<body>	isi dokumen
<h1>	judul paragraph
<p>	paragraf baru
<b>	huruf tebal
<i>	huruf miring
<u>	huruf garis bawah
<sup>	superscript
<sub>	subscript
<br>	garis baru
<font>	huruf
<li>,<ul>,<ol>	enumerasi
<hr>	garis mendatar
<img>	insert gambar
<a>	link
<table>	tabel
<!-- -->	komentar
<meta>	informasi mengenai dokumen
<frame>,<frameset>,<iframe>	bingkai
<form>	formulir isian
<input>,<textarea>,<select>	komponen isian pada formulir
<map>	link berdasarkan area pada gambar
<span>,<div>	pengelompokan komponen dokumen