Friday, October 16, 2009

Basic CSS learning (HTML)

Pada postingan sebelumnya, uda di jelasin tentang apa itu CSS dan gimana peran CSS dalam perkembangan struktur web modern saat ini. Kali ini aku coba memaparkan bagaimana sih syntax dasar CSS dan cara menghubungkannya dengan "markup" (html) language.
Bagi pembaca yang baru pertama kali mendengar kata markup language (selanjutnya saya tulis html saja ya biar singkat)..saya akan jelaskan sedikit, html itu pada dasarnya merupakan sekumpulan tag - tag yang menyusun sebuah konten html.

Umumnya selalu diawali dengan tag <html> dan di akhiri dengan </html>. selanjutnya sub tag dari html ini ada 2 yaitu <head>...</head>" dan <body>...</body>. intinya pada tag head adalah tempat dimana kamu meletakkan informasi2 penting yang kamu inginkan ketika web browser menampilkan halaman web kamu. Sedangkan tag body adalah tempat dimana kamu meletakkan konten atau isi dari web site kamu. cukup paham kan..?? he..3x
Ok deh, lanjut..
syntax dasar sebuah halaman web site sederhana dapat dilihat seperti contoh dibawah ini :
================================================================
Ketik di notepad atau text editor yang kamu miliki syntax ini
================================================================
<html>
<head>
<title>:::Halaman Website ku:::</title>
</head>
<body>
<h1>Ini adalah Header</h1>
<br /><b>Tulisan ini tercetak tebal</b><br />
<i>Tulisan ini tercetak miring</i>
</body>
</html>
================================================================
Kemudian save dengan nama apa saja di akhiri dengan .html (contoh : tes.html)

Selanjutnya kamu akan memiliki sebuah file html(dengan tampilan browser) bernama tes
Congrats!! kamu telah berhasil membuat page pertama dari websitemu..

Oia karena tutorial tentang HTML uda banyak di jagat maya ini kamu juga bisa memperdalam dan tanya2 sama Mbah Google..trus juga bisa dilihat di situs e-learning karya anak negeri di Ilmukomputer.com

Ganbate ne!! ^^/

No comments:

Post a Comment