Untuk membangun sebuah website diperlukan keahlian dalam mendesain ataupun memogram sebuah website tersebut. Pada artikel ini saya akan menjelaskan dasar-dasar pemograman website. Kali ini saya akan menjelskan dulu file apa yang akan kita gunakan untuk membangun sebuah website sederhana, file itu adalah file yang berektensi .html atau .htm . Untuk lebih jelasnya mari kita baca dulu pengertian dari file .html .
HTML (Hypertext Markup Language) adalah bahasa program dasar yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Html dapat dibuat dengan text editor biasa seperti notepad, microsoft word, notepad ++ dan segala text editor lainya. Kali ini kita akan membuat html dengan text editor “notepad”. Cara untuk membuka program notepad adalah dengan klik start > all program .> accessories > notepad. Mari kita membuat file html.
1. Copy teks di bawah ini ke notepad.
<html>
<title> belajar dasar html (key-techno.blogspot.com) </title>
</HTML>
2. Lalu simpan, klik file save as dengan nama belajar.html jangan lupa ganti save as type dengan all files. Boleh menyimpan file dengan nama lain asalkan “save as type” diubah menjadi “all files” dan dibelakang nama yang di inginkan ditulis “.html”. contoh “coba.html”.
3. Buka file tersebut dengan browser mozila atupun internet explore. Hasilnya di bagian atas kiri browser terdapat tulisan “belajar dasar html (key-techno.blogspot.com)”. Ganti tulisan tersebut dengan title yang anda inginkan.
Catatan
Penulisan besar kecilnya huruf tidak ada pengaruhnya, sebagai contoh <html> sama saja dengan <HTML>. Untuk memulai menuliskan kode html harus didahului dengan tag pembuka <html> dan di akhiri dengan tag penutup </html>.
Membuat tulisan miring (italic), garis bawah (underline) dan huruf tebal (bold).
Untuk membuat teks miring, garis bawah dan huruf tebal, kita dapat menggunakan perintah <i> dan diakhiri dengan </i> untuk teks miring, <u> untuk garis bawah dan <b> untuk tebal.
1. Copy teks berikut ke notepad
<html>
<title> belajar dasar html (key-techno.blogspot.com) </title>
<i> key-techno.blogspot.com (miring) </i>
<u>key-techno.blogspot.com (garis bawah) </u>
<b> key-techno.blogspot.com (tebal) </b>
<i> <u> <b> key-techno.blogspot.com (miring, garisbawah, tebal) </i></u></b>
</HTML>
2. Lihat hasilnya, mudah kan belajar html
Membuat teks berwarna, memiliki background warna
1. Copy teks ke notepad
<html>
<title> belajar dasar html (key-techno.blogspot.com) </title>
<font color=”#00000” font face=”comic san ms” font size=”5”>
key-techno.blogspot.com
</font>
</body>
</font>
</HTML>
2. Lihat hasilnya n_n
Catatan
Font color adalah perintah untuk warna pada teks, #00000 adalah kode warna hitam.
Font face adalah perintah untuk mengubah jenis teks yang digunakan misal times new roman, arial dan lainya.
Font size adalah perintah untuk besar kecilnya suatu teks.
Cukup sekian penjelasan dari saya, nantikan artikel selanjutnya tentang belajar seputar html, tentang membuat text berjalan (marque), membuat text atau link dapat berkedip.
*_*
Thursday, October 22, 2009
Mudah Belajar Html
Subscribe to:
Post Comments (Atom)
0 komentar:
Post a Comment
Thanks a lot if you write some comment to me :D