HTML ( Hyper Text Markup Language )
Pengertian
HTML ( Hyper Text Markup Language ) adalah
bahasa markup yang digunakan untuk membangun sebuah website.Yang kita lihat
pada sebuah website bahkan yang anda lihat sekarangpun juga tersusun dari sebuah
HTML, walapun ada beberapa temanya yang saling mendukung yaitu CSS atau Java
Script yang akan kita ulas pada kesempatan yang akan datang.
Html bukanlah bahasa pemrograman,
seringkali kita berdebat masalah ini pada forum ataupun group facebook, kenapa
html bukan bahasa pemrograman ? karena HTML merupakan bahasa markup yang berisi
perintah perintah dengan format tertentu yang tentunya terstruktur dan akan
menampilkan tampilan yang berbeda pada setiap formatnya, layaknya Bold, Italic,
ataupun Underline pada sebuah Microsoft word. Sedikit contoh jika kita ingin
menampilkan tulisan Bold kita harus menulis perintah sebagai berikut :
<b>Ini Adalah Text Bold</b>
Dari perintah baris
diatas nantinya akan dibaca oleh browser sebagai text yang memiliki Tag Bold.
Sudah Faham kan ?
Jika belum faham kita sambil jalan, nnti juga faham sendiri kok :D
Jika belum faham kita sambil jalan, nnti juga faham sendiri kok :D
Struktur HTML
Layaknya seperti orang, HTML
memiliki bagian bagian organ tubuh, seperti kepala, badan, kaki, dan lain-lain,
untuk lebih mudahnya kita sebut saja organ tubuh ya, ga usah pakai bahasa yang
baku, wwkwk.Untuk penulisan bagian-bagian tubuh ini sangat mudah sekali,
semisal untuk membuat bagian organ kepala kita tinggal tulisa <head> dan
kita tutup dengan </head>, begitupun juga untuk bagian organ tubuh, kita
tinggal tulis <body> dan kita tutup dengan tag </body>, begitu
seterusnya.Untuk bagian bagian html penyusunanya juga harus urut ya, agar mudah
dibaca dan difahami, seperti kepala itu harus diatas badan, brarti tag <head></head>
harus diatas <body></body>, jadi untuk membacanya kita juga enak.
Oh iya, sebelum
kita menuliskan kode kode organ tersebut, hita harus menuliskan kode
<!DOCTYPE html><html></html>
Ini bertujuan untuk
menginformasikan kepada browser bahwa yang kita tulis adalah bahasa markup HTML
seperti yang sudah saya jelaskan diatas.
Oke, mungkin itu
penjelasan sedikit tentang HTML, sudah faham dong pastinya ?
Latihan
Untuk memudahkan
pembelajaran html, mari kita buat file html sebagai latihan kita.
- Silahkan buat satu folder baru pada komputer kita, terserah mau anda letakkan dimanapun
- Silahkan
buka folder yang baru saja kita buat
- Setelah
itu kita buka notepad, tidak perlu saya tunjukkan caranya kan ?
- Tulis
kode dibawah ini pada notepad kita
<!DOCTYPE html>
<html>
<head>
<title>Latihan Html</title>
</head>
<body>
<p>HTML Pertama Saya</p>
</body>
</html>
- Setelah kita tulis, silahkan simpan didalam folder yang telah kita buat tadi
- Eits !, jangan disimpan dulu, kita namai dulu file kita menjadi “latihan1.html”
- Pastikan format file berupa .html
- Tekan OK apabila ada peringatan setelah menyimpan
- Sekarang kita lihat file yang telah kita simpan, klik kanan pada file kita
- Pilih Properties
- Akan tampil pengaturan file kita, pada Pilihan Open With kita tekan tombol Change
- Pilih browser kesayangan kita
- Tekan OK
- Sekarang buka atau double-klik pada file kita
- Lihat apa yang terjadi :D
Jangan dihapus dulu
ya foldernya, karena nanti akan kita gunakan untuk latihan berikutnya.
Mungkin itu yang
dapat saya sampaikan pada kesempatan kali ini, semoga bermanfaat dan jangan
menyerah, ngoding itu mudah.
Terimakasih
Share This Article :
Mohon Berkomentar dengan Bahasa Baik dan Mudah di Mengerti. . .