a. Prolog
apa itu HTML ?sebelumnya saya akan analogikan tentang apa itu html
misal kita analogikan proses develop website itu sama dengan proses membangun sebuah rumah. dalam proses pembangunan secara garis besar proses dilakukan mulai dari awal sampai akhir anggaplah dibagi menjadi 3 bagian
- proses pembangunan fondasi,tiang-tiang,dinding, dll
- kemudian dilanjutkan dengan proses penge-cet-an dinding agar terlihat indah
- dan yang terakhir proses pemasangan/instalasi kompnent listrik, perabot dan lain sebagainya
setelah ketiga proses tersebut selesai barulah sebuah rumah dianggap telah jadi dan dapat ditinggali.
tidak jauh beda dengan proses diatas, proses pembuatan website hampir mirip dengan tahap pembangunan rumah diatas,
HTML disini berperan sebagai "fondasi/dasar". Dengan kata lain HTML bertanggug jawab membuat element-element pada halaman website , misalnya "header,content,sideabr,navigasi,footer,dan element element-element yang lain" sehingga terbentuk seuatu halaman website yang utuh..
sedangkan tahap ke-dua dan ke-tiga dilakukan oleh CSS(Cascading Style Sheet) dan Javascript (untuk penjelasan tentang apa itu CSS & javascript akan dijelaskan di postingan yang lain ..
2. Apa itu HTML ?
HTML adalah singkatan dari (Hyper Text Markup Language) dikembangkan oleh kolaborasi Caillau Tim dengan Berners-Lee Rober pada saat mereka bekerja untuk CERN. ( CERN adalah suatu lembaga fisika energi tinggi di jenewa) dan di populerkan pertama kali oleh browser Mosaic. selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya.
 |
| gambar tag dan atribute-nya |
Tag
dalam proses pembuatan dokumen, HTML mengunakan code atau lebih dikenal dengan istilah "Tag" tertentu untuk melakukan instruksi sebagai contoh untuk menampilkan "TULISAN TEBAL " , maka penulisannya dengan cara seperti di bawah ini :
<strong>TULISAN TEBAL</strong>
tanda <strong> digunkan untuk menampilkan cetak tabal pada kata "TULISAN TEBAL dan diakhiri dengan </strong> untuk menonaktifkan cetak tebal tersebut
Attribute
attribute adalah informasi tambahan untuk tag HTML, informasi ini berupa warna teks,ukuran teks,tipe dll. setiap atribute memiliki pasangan nama dan nilai(value), untuk lebih memudahkan memahami apa itu atribute saya berikan analogi seperti di bawah ini misalkan roti itu adalah tag HTML:
<roti warna="coklat" bentuk="oval" rasa="keju">
dari contoh diatas tag(susu) diberi atribute (warna) dengan value (coklat),atribute (bentuk) dengan value (oval), attribute (rasa) dengan value (keju).
contoh atribute yang sebenarnya di html :
contoh atribute yang sebenarnya di html :
<input type="submit" placeholder="ini adalah form.."> 3. Element Dalam HTML
secara gari besar ada 4 element dalam HTML yaitu
- Struktural : yaitu element yang menentukan level atau tingkatan dari sebuah tulisan misalnya : <h1> ini heading level 1 </h1> ,<h1> sampai <h6> memiliki tingkatan yang berbeda.
- Presentasional : yaitu element yang berhubungan dengan tampilan tulisan misal: <strong> text tebal </strong>, tag <strong> akan menampilkan text tebal. tanda presentasional saat ini sudah tidak direkomendasikan digunakan lagi karna telah di gantikan dengan CSS.
- hiperteks : tanda yang digunakan untuk mengaitkan(link) dokument yang satu dengan dokument yang lain. contohnya <a href="coderware.blogspot.com"> coderware </a>.
- element element widget yang membuat object-object lain seperti tombol (<tombol>),daftar(<li>).garis(<hr>)
4. Contoh Dokument HTML sederhana
document HTML 5 :
<!DOCTYPE html>
<html>
<head>
<title> selamat datang di coderware</title>
</head>
<body>
<h1> Hello, stranger ! </h1>
</body>
</html>
(sumber : disini)
itulah tsedikit penjelasan tentang HTML mudah-mudahan bermanfaat , keep coding :)
0 komentar:
Posting Komentar