Belajar HTML Bag. 2 ( Basic HTML )
Sunday, August 22, 2010
Labels:
Windows dan Linux
Setelah pada artikel sebelumnya kita berkenalan dengan HTML, pada bagian ini kita akan membahas lebih jauh. Kita akan mencoba menjalankan webpage kita dan menggunakan berbagai tag-tag basic. Ok, kita mulai dengan webpage yang paling sederhana sbb :
- Buka text editor anda (notepad / kate / lainnya)
- Lalu ketikan kode sbb :
<head>
<title> Cobalihatsaja Webpage </title>
</head>
<body>
Welcome to Cobalihatsaja.com
</body>
</html>
- Save file tersebut dengan nama index.htm
- Setelah itu browse dimana file index.htm tadi anda save, maka secara default maka file tersebut akan terbuka melalu Web Browser default yang system anda miliki, maka tampilannya akan sbb :
- Seperti anda lihat di webpage yang baru saja kita buat, dsisana terdapat Title 'Cobalihatsaja Webpage' dan pada bagian body (tampilan) terdapat text “Welcome to Cobalihatsaja.com”.
- Mengapa file tersebut diatas disimpan dengan nama index? Hal itu dikarenakan pada webserver jika mengakses root folder, maka file pertama yang dicari untuk ditampilkan adalah file dengan nama index. Sebenarnya kita dapat saja memberinya nama lain, akan tetapi jika kita meletakannya pada webserver, maka secara default tidak akan ada yang ditampilkan jika root folder kita tidak ditemukan file index tersebut.
Code :
<html>
<head>
<title> Cobalihatsaja Webpage </title>
</head>
<body bgcolor="black">
<MARQUEE>
<font color="red" size="14"> Welcome to Cobalihatsaja.com </font>
</MARQUEE>
</body>
</html>
Hasil :
Penjelasan :
- Pada bagian tag body kita menambahkan atribut bgcolor untuk merubah warna background halaman web kita, kita juga dapat menggunakan gambar sebagai background dengan menggunakan atribut background.
- Selanjutnya ada tag baru yang kita tambahkan, yaitu tag MARQUEE, tag ini digunakan untuk memberikan efek scrolling pada text. Akan tetapi penggunaan tag ini sudah mulai ditinggalkan bahkan akan dihilangkan.
- Pada bagian text kita menambahkan tag font dengan atribut color dan size untuk merubahnya menjadi berwarna merah dan berukuran 14.
Ok, saya rasa sampai disini anda sudah cukup mengerti bagaimana dasar membuat kode HTML itu sendiri dan menjalankannya.
Mudah bukan? Selamat mencoba…….
Terima Kasih Sudah Mampir, Salam Persahabatan...
1 comments:
kereeeen boz ilmux.. mhn ijin tuk melahab semua ilmu yg sampean share kan ya..muga dibalas dg balasan yg lbh oleh Allah..amiin
Post a Comment