Felani Galih Prabawa

27 November 2011

Mengenal dan Belajar HTML

13.20 Posted by Felani Galih Prabawa , No comments
Assalamu'alaikum ikhwanul muslimin G-Ins.. (^^)
Senang rasanya bisa update di Blog tercinta ini, apalagi dengan informasi yang sangat menarik (^^)
Ini berawal dari rasa keingin tahuanku tentang Web Developer. Namun, sebelum menjadi Web Developer, kita harus mempunyai skill yang mendasar dulu sob (^^)
Salah satunya yaitu tahu akan HTML (^^)
Mungkin udah pada penasaran kan ?? Kalau begitu langsung saja kita simak penjelasan mengenai HTML.. Cekidot (^^)
HTML singkatan dari Hyper Text Markup Language. Sedangkan pengertian terminologis HTML itu sendiri adalah sebuah dokumen yang merupakan bahasa yang menggunakaan tanda-tanda tertentu (Tag) untuk menyatakan sebuah kode-kode tertentu agar dapat ditampilkan dalam browser.
HTML sebenarnya hanya dokumen biasa, namun dokumen ini dapat digunakan untuk pemformatan text, peletakan objek, maupun Hypertext yaitu text yang berfungsi ganda sebagai penghubung (Link) antar halaman. Link inilah yang menjadi ciri sekaligus membentuk suatu Jaringan global antar text / halaman)
Kemudian bagaimanakah caranya belajar HTML ??
Saya akan share kepada kalian mengenai cara dasar dalam pembuatan HTML. Sobat G-Ins bisa melakukan kegiatan tersebut dengan menggunakan notepad dalam komputer kalian, atau yang lebih bagus lagi menggunakan tool seperti Adobe Dreamweaver (^^)



Sekarang langsung saja kita mulai pembelajaran kita (^^)
Sebuah web tersusun dari Header, Body, dan Footer, ketiga unsur inilah yang menentukan Web kita bagus atau tidak. Karena bila salah satu dari ketiga unsur tersebut tidak ada, maka sebuah Web tersebut akan pincang. Yaa layaknya manusia saja, semua organ tubuh manusia saling melengkapi. Begitupula dengan sebuah Web (^^)
Silahkan ketik kode-kode dibawah ini dalam notepad kalian.


<html>
<head>
<title>galieh-inside</title>
</head>
<body>
<p>Hay semuanya (^^)</p>
<p>Selamat belajar HTML (^^)</p>
</body>
</html>



Jika telah selesai, Save as notepad tersebut dengan menggunakan extensi .html (mengerti ??? bagus ^^) contohnya: “kode.html” atau “belajarHTML.html” silahkan beri nama sesuai keinginan kalian (^^)
Sekrang coba buka file yang HTML yang telah kita buat tadi !!! bagaimana hasilnya ?? (^^)


Sekilas saya akan berikan keterangan dari tiap-tiap kode yang telah kita tuliskan dalam notepad tersebut (^^)
Bagian dasar yang perlu diketahui yaitu disetiap kode HTML harus diawali dengan “< >” dan diakhiri dengan “</>”. Mengapa demikian ??? jangan tanya saya, saya belum tahu. Tapi semua orang didunia sepakat dan tak ada perbedaan (^^). Berikut ini merupakan contohnya:


<html> mengartikan bahwa halaman HTML di mulai.
</html> menyatakan tanda bahwa halaman html ditutup.
<head> mengartikan awal kepala dan </head> menyatakan akhir bagian kepala.
<title> menujukkan judul yang akan keluar pada Bar Tab yang kemudian ditutup dengan </title> .
<body> merupakan isi dari HTML, seperti yang tadi kita tuliskan sebelumnya:
<p>Hay semuanya (^^)</p>
<p>Selamat belajar HTML (^^)</p>.
Kode <body> kemudian ditutup dengan </body> .
<p> merupakan kode pembentukan alinea baru, layaknya kita menekan tombol ENTER pada keyboard dalam MS. Word. Kode ini ditutup dengan </p>. Selain kode <p> </p>, pembentukan alinea baru pun dapat menggunakan <br> </br> ..


Kode-kode HTML tidak hanya yang telah dibahas diatas saja, namun masih banyak lagi..
Bila kalian ingin melihatnya, silahkan langsung saja kunjungi Kode HTML (^^)


Terima kasih atas perhatiannya, salam G-Ins (^^)

0 comments:

Posting Komentar

Thanks you, visitors.