Belajar HTML part2 (Basic HTML)

21.33 My Profile's No comments
clip_image002
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 :
  1. Buka text editor anda (notepad / kate / lainnya)
  2. Lalu ketikan kode sbb :
<html>
<head>
<title> Cobalihatsaja Webpage </title>
</head>
<body>
Welcome to Cobalihatsaja.com
</body>
</html>

  1. Save file tersebut dengan nama index.htm
  2. 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 : 
    1. 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”.
    2. 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.
    Ok, sampai disini kita sudah dapat membuat sebuah webpage yang sangat simple, untuk selanjutnya kita menambahkan beberapa atribut pada tag-tag yang kita gunakan dan kita lihat hasilnya. Sebagai contoh kita ingin membuat webpage kita yang sebelumnya memiliki background hita, warna tulisan berwarna merah dan menggunakan ukuran 14, selain itu kita tambahkan efek berjalan pada tulisan kita tersebut, caranya? Ubahlah kode anda diatas menjadi sbb :
    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…….


    sumber dari : www.cobalihatsaja.com
    Posted in: ,

    0 komentar:

    Posting Komentar

     
    Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Online Project management