Selasa, 02 Desember 2014

Dasar-dasar HTML

A. HTML 

HTML adalah singkatan dari HyperText Markup Language yang berguna untuk membuat atau menyusun dokumen-dokumen web. HTML bukanlah bahasa pemrograman dia hanya terdiri dari markup (penandaan) yang disebut dengan tag. HTML dapat dibuat dengan menggunakan text editor sederhana, seperti notepad atau dapat juga menggunakan HTML editor yang bersifat WYSIWYG (What You See Is What You Get), seperti Frontpage, Dreamwaver.

B. ELEMEN DAN TAG

1. Elemen HTML

Dokumen html disusun dari elemen-elemen html, elemen tersebut merupakan komponen-komponen dasar pembentuk dokumen html dan terdiri dari tiga bagian, yaitu tag pembuka, isi dan tag penutup. Sebagai contoh <title>Judul Halaman</title>. <title> adalah tag pembuka, kata "Judul Halaman" adalah isi dan </title> adalah tag penutup.

Struktur Elemen


 

Struktur Dasar HTML


2. Tag HTML

Tag adalah penanda atau teks khusus yang berguna untuk menandai elemen-elemen dalam halaman html dengan simbol lebih kecil dari "<" dan lebih besar dari ">", semua tag harus di apit oleh dua simbol "<" ">". Secara umum tag ditulis berpasangan, yaitu tag pembuka dan tag penutup. Tag pembuka menandakan awal dari elemen sebagai contoh <body> dan tag penutup menandakan akhir dari elemen, untuk penulisan tag akhir ada penambahan karakter "/" setelah karakter "<" sebagai </body>, inilah bentuk tag berpasangan dalam html. Meskipun demikian, ada beberapa elemen dalam halaman html yang tidak berpasangan seperti tag <br> dan lain-lain.


Tag Dasar HTML

  • HTML

          Memberitahukan pada browser bahwa dokumen web yang digunakan adalah HTML.
          Untuk penulisannya : 
          <html>  "Tag pembuka html di letakkan pada awal dokumen"
            .........
          </html>  "Tag penutup html di letakkan pada akhir dokumen"
           
  • Head

          Kepala dokumen html atau tentang dokumen yang akan ditampilkan
          Penulisan :
         <head>  "Tag pembuka head di letakkan pada awal setelah tag <html>"
           ........
         </head>  "Tag penutup head di letakkan di akhir section head"

    
     Pada bagian head akan mengerjakan tugas-tugas sebagai berikut :
  1. Menyediakan judul dokumen
  2. Menjembatani hubungan antar dokumen
  3. Memberitahu browser untuk membuat form pencarian
  4. Menyediakan metode untuk mengirim pesan ke tipe browser
          
  • Body

        Menampilkan isi dokumen html. Penulisannya :

         <body>  "Tag pembuka body terletak di bawah tag penutup </head>"
           ........
        </body>   "Tag penutup </body> terletak di atas tag penutup </html>"
       

Tidak ada komentar:

Posting Komentar