Jumat, 22 Oktober 2010

Dasar - dasar HTML

           Sekilas tentang file HTML, HTML bukan sebuah bahasa pemrograman yang memerlukan logika layaknya bahasa pemrograman seperti C++, pengetahuan dasar mengenai HTML banyak digunakan untuk memperbaiki tapilan situs atau web, halaman situs terdiri dari tag tag yang dibagi menjadi dua yaitu ( Head ) dan ( Body ).

<html>
     <head>
     ...
     ...
     </head>
     <body>
     ...
     ...
    </body>
    ...
    ...
</html>

           Bagian head menerjemahkan bagian - bagian selain yang tampak pada situs atau web, untuk pemberian judul kita bisa memasukannya pada title bar yang masih termasuk dalam bagian head. Keyword, javascript,css dll juga bisa anda masukan dalam bagian ini.

           Sebuah tag terdiri dari lambang < ( sebagai tag pembuka ) dan tanda lebih besar > ( sebagai tag penutup ) , kesalahan pemrograman dalam html tidak akan menimbulkan pesan error tetapi akan berpengaruh pada tampilan sebuah halaman web, bisa jadi tidak sesuai dengan apa yanga kita inginkan.

Format kode html umumnya bisa dilihat seperti di bawah ini :

<nama tag nama atribut="nilai atribut">teks</nama tag>

Sebagai contoh :

<p align="center">Belajar Pemrograman Dasar HTML</p>
simpan pada notepad dengan menggunkan ekstensi html dan tag ini memiliki paragaraf sendiri.


Tag yang biasanya digunakan dalam html adalah :

  • <html>...</html> 
          HTML diawali oleh tag ini dan tag penutupnya ( tag ini tidak memiliki atribut )
  • <head>...</head>
          Tag ini mengandung informasi yang tidak di terjemahkan atau tidak ditampilkan dalam browser
          ( tag ini tidak memiliki atribut )
          <title>...</title> tag ini diletakan di dalam bagian head, teks yang ada di dalam tag ini akan ditampilkan
          dalam browser.
  • <!--...-->
          Tag ini berisi teks yang tidak akan ditampilkan dalam browser.
  • <body>...</body>
          Elemen yang ada di dalam tag ini akan ditampilkan dalam browser, elemen yang umum dalam tag ini
          biasanya adalah background dan bgcolor.
          Contoh :
          <body bgcolor="#0000bb">

          atau
         <body bgcolor="hijau">
Background
         Atribut ini berisi file gambar. Gambar tersebut akan ditampilkan sebagai latar suatu halaman web, bisa juga gambar tersebut diganti dengan file animasi tetapi akan berpengaruh dengan kecepatan saat halaman web itu di buka, semakin besar ukuran file tersebut akan semakin berat halaman web itu dibuka dalam browser.
        Contoh :
        <background="image.jpg"> atau <background="image.gif">
  • <a>...</a>
          Tag ini berisi elemen yang dijadikan sebuah hyperlink ( link atau bisa diklik ), bisa berupa teks atau
          gambar. Atribut yang umum dipakai dalam tag ini adalah href, name dan target.
          -  href
          Digunakan untuk menunjukan halaman tujuan dari link, nilai atribit ini adalah alamat URL
          Contoh :
       
          <a href="http://www.google.com"></a>
    
          - name
          Atribut ini digunakan untuk menandai suatu halaman web yang biasanya sangat panjang dan tidak
          digunakan bersama href atribut ini di panggil oleh link lain dengan tambahan karakter # setelah URL
          halaman tersebut.
          Misalkan
          <a name="teks10">teks 10</a> terdapat pada halaman Index.html dan anda ingin langsung ke
           halaman ini maka pembuatan link akan seperti :
          <a href="index.htm#teks10">teks 10</a>
          Catatan : Apabila anda mengubah kode html pada halaman index.html diatas akan memiliki efek yang
                        sama, dan atribut name tidak memerlukan teks untuk melingkupinya.
          <a name="teks10"></a>teks 10
          Bila tujuan lokasi tujuan ( anchor ) berada pada halaman yang sama, URL tidak perlu di tulis lengkap
          cukup dengan menambahkan karakter # dan nama pada anchor tersebut.
          Contoh :
          <a href="#teks10">teks 10</a>

Bersambung......