Tutorial HTML - Dasar

Pengetahuan pertama tentang HTML yang harus kamu miliki adalah struktur dari HTML. Struktur HTML isi dari kedua tag HTML yang menjepitnya. Apa itu tag? Sekarang kita langsung lihat saja pada struktur sederhana dari HTML.




Di bawah ini adalah struktur dasar suatu file html,

  1. <html>  
  2.     <head>  
  3.         <title>Belajar HTML</title>  
  4.     </head>  
  5.     <body>  
  6.           
  7.         Hallo Indonesia !  
  8.   
  9.     </body>  
  10. </html>  


kode yang dimulai dengan tanda "<" dan diakhiri dengan tanda ">" (tanpa tanda kutip) merupakan tag-tag HTML. Tag-tag ini menandai bagian-bagian pada halaman situs agar ditampilkan sesuai dengan standar tampilannya. Tag HTML dasar adalah yang kalian lihat diatas, yaitu html, head, dan body, inilah roti dari hamburger kita, mereka masing-masing menjepit isinya. Perhatikan kode paling atas dan paling bawah, yaitu


  1. <html>  
                dan
  1. </html>  



Kedua tag tersebut adalah tag utama dari HTML, segala yang terdapat dalam tag ini adalah bagian dari html.



Berikut ini adalah penjelasan singkat mengenai tag dasar diatas. Tag <head> dan </head> digunakan untuk meletakkan informasi-informasi penting yang tidak ditampilkan oleh browser sehingga ketika kita tidak akan melihatnya pada halaman situs. Tulisan didalam <head> dan </head> hanya dapat dilihat apabila kita mengklik 'View Source' pada browser Internet Explorer, atau 'View Page Source' pada Mozilla Firefox. Keduanya dapat ditemukan dengan klik kanan pada halaman situs yang dilihat. Tag <head> ini umumnya berisi judul (tag <title> dan </title>) dari halaman situs dan beberapa informasi tambahan lainnya.
Tag <body> dan </body> adalah isi dari halaman situs. Disini tulisan, gambar, tabel, kalian akan ditampilkan di browser. Itulah mengapa tag ini disebut body atau badan. Ada banyak tag-tag HTML lain yang bisa ditampilkan disini misalnya <img> untuk menampilkan gambar, <p> untuk menampilkan paragraf, <table> untuk menampilkan tabel, dan masih banyak lagi. Tag-tag ini dapat kalian temukan definisinya dan cara pemakaiannya pada pembahasan khusus tag.
Satu hal mendasar lagi yang harus kalian ketahui dalam membangun situs kalian menggunakan html adalah atribut. Atribut berbeda dengan tag, atribut adalah keterangan untuk tag. Misalnya untuk tag body ada beberapa atribut seperti bgcolor, dan background. Contohnya seperti dibawah ini,


  1. <html>  
  2.     <head>  
  3.         <title>Belajar HTML</title>  
  4.     </head>  
  5.     <body bgcolor=red>  
  6.           
  7.         Hallo Indonesia !  
  8.   
  9.     </body>  
  10. </html>  
Atribut bgcolor=red artinya adalah, "Tampilkan latar belakang merah pada halaman situs". Sehingga latar belakang dari halaman yang kalian buat akan berwarna merah. Atribut-atribut yang lain dapat kalian temukan pada bagian tag yang bersangkutan.
Selamat Mencoba :)
Incoming Search :

baju, blackberry, bisnis forex, hosting murah, unik, gaya hidup, toyota, model, job vacancy, batik, otomotif, komik naruto,modern, real madrid, bekerja dari rumah.

0 komentar:

Posting Komentar

 

Belajar Web Programing © 2012 - 2013 Design by B.W.P | Sponsored by Google Indonesia