Senin, 01 Oktober 2012

Tag-Tag Dasar HTML


Dokumen HTML bisa di bagi mejadi tiga bagian utama:
1)      HTML
Setiap dokumen  HTML harus di awali dan di tutup dengan tag HTML




Tag HTML memberi tahu browser bahawa yang di dalam kedua tag tersebut adalah dokumen HTML.
1)      HEAD
Bagian header dari dokumen HTML di apit oleh tag <HEAD></HEAD> di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser.Selain itu Bookmark juga megunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan “title” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title di gunakan sebagai keyword. Header juga memuat tag META yang biasanya di gunakan untuk menentukan informasi tertentu mengenai dokumen HTML, anda bisa menentukan author name, keywords, dan lainya pada tag META.
Contoh:


 1)      BODY
Dokumen body di gunakan untuk menampilkan text, image link dan semua yang akan di tampilkan pada web page.Untuk lebih lanjutnya perhatikan skema elemen di bawah ini. 

  







Keterangan : 
  • Dokumen HTML selalu diawali dengan tag pembuka <html> dan diakhiri dengan tag penutup </html>
  • Pada elemen head <head></head>, anda dapat memasukan kode-kode untuk menuliskan keterangan tentang dokumen HTML. 
  • Elemen body <body></body> berisi tag-tag untuk isi atau layout tampilan situs anda.
Command / perintah HTML disebut TAG, TAG digunakan untuk menentukan tampilan dari dokumen HTML.

 

 
 Contoh: Setiap dokumen HTML di awali dan di akhiri dengan tag HTML.
 



 Tag tidak case sensitive, jadi anda bisa gunakan <HTML> atau <html>, keduanya akan menghasilkan output yang sama.
Bentuk dari tag HTML sebagai berikut  :



Element - nama tag
Attribute - atribut dari tag
Value - nilai dari atribut.
Contoh:





BODY merupakan element, BGCOLOR(BackgroundColor) merupakan atribut yang memiliki nilai lavender.
Menuliskan suatu komentar pada dokumen HTML seperti nama pengarang keterangan elemen dan tag dan lain-lain. Keterangan ini akan diabaikan oleh browser.
Contoh: <!--komentar program di sini-->
Untuk memulai bekerja dengan HTML anda bisa gunakan editor Notepad++ atau editor lainya. Caranya:
1. Ketikkan tag-tag berikut di notepad++
 











2. Simpan dengan nama file latihan1.html dalam drive  
    C:/XAMPP/HTDOCS/(FOLDER_ANDA)


3. Buka dengan browser dan ketikkan http://localhost/(folder_anda)/  maka outputnya akan sebagai berikut :








Tidak ada komentar:

Posting Komentar