Selasa, 31 Januari 2012

worl wide web

informasi tentang dokumen HTML ...informasi tentang Web Page . . . .

HTML merupakan singkatan dari HyperText Markup Language. HTML adalah dokumen text yang bisa dibaca untuk dipublikasikan di World Wide Web (WWW), dan semua nama file dokumen HTML mempunyai ekstensi html atau htm. 
Dalam sebuah dokumen HTML anda akan melihat tags. Tags adalah penempatan atau nilai format teks yang memerintahkan browser untuk menampilkan sebuah dokumen html. 
Contoh sebuah dokumen HTML sederhana adalah sebagai berikut:
<HTML>
<BODY>
Hello ... nama saya Bagong</BODY>
</HTML>
Hasilnya adalah seperti ini.



langkah langkah membuat HTML
Untuk mencoba membuat dokumen html dengan tag paragraph silakan sobat ikuti langkah-langkah di bawah ini :

1.Klik Menu Pada computer sobat.

2.Kemudian Klik ALL PROGRAM.

3.Klik accessories.

4.Klik NOTEPAD.

5.Selanjutnya Copy Dan Paste dokumen html dengan Tag paragraph Di atas Ke dalam notepad tersebut.

6.Klik Save Dengan nama coba4.html.

7.Pilih All Files Pada File AS TYPE.

8.Untuk melihatnya silakan klik kanan File yang sudah sobat save ,Kemudian pilih Open With selanjutnya Pilih Mozzila Firefox.

Selesai………………

perbedaan elemen dan tag
Bagi teman teman yang baru belajar HTML, mungkin teman teman akan dipusingkan dengan istitlah istilah tag, element serta atribut HTML. Tanpa banyak bicara, mari kita bahas satu persatu :

  • TAG
  • Tag merupakan element dari html, dimana tag tag ini yang akan memberitahu browser teman teman, harus seperti apa isi dari element element html ditampilkan. Contohnya:
    Tag ini akan memberitahu browser bahwa content element 
    harus ditampilkan sebagai heading level 1. 
    -> Tag ini akan memberitahu browser bahwa content element harus
     ditampilkan sebagai paragraph.
     -> Tag ini akan memberitahu browser bahwa content element
     harus ditampilkan sebagi text italic
Penjelasan Setiap Tag

  • ELEMEN HARUS TERSUSUN DENGAN BENAR
Dalam HTML tidak tersusun dengan struktur yang benar.
Misalnya :
<b><i>Ini adalah tulisan yang berformat bold dan italik</b></i>
Pada XHTML semua elemen harus tersusun dengan benar seperti ini :
<b><i>Ini adalah tulisan yang berformat bold dan italik</i></b>
Keterangan : sebelum tag <i> ditutup belum boleh ada penutup untuk </b>, <i> adalah
elemen anak dari elemen <b>, pembuka dan penutup <i> harus di dalam elemen <b>
  • DOKUMEN HARUS “Well Formed”
Semua elemen XHTML harus tersusun dalam elemen sebagai root element.
Setiap elemen dapat memiliki sub (child) element. Setiap sub elemen harus tersusun dengan benar di dalam parent element.
Struktur dasarnya adalah sebagai berikut:
<html>
<head> ... </head>
<body> ... </body>
</html>
  • Nama Tag harus huruf kecil
Hal ini dikarenakan XHTML merupakan dokumen XML. XML bersifat case-sensitive.Tag seperti <br> dan <BR> dianggap berbeda.
Ini salah :
Code:
<BODY>
<P>Ini adalah paragraf</P>
</BODY>
Ini benar:
Code:
<body>
<p>Ini adalah paragraf</p>
</body>
  • Elemen Terbuka Harus Ditutup dengan Tag Penutup
Ini salah :
Code:
<p> Ini adalah paragraf
<p> Ini adalah paragraph yang lain
Ini Benar :
Code:
<p> Ini adalah paragraf </p>
<p> Ini adalah paragraf yang lain </p>
  • Elemen kosong harus ditutup menggunakan />
Ini Salah :
Code
Ini adalah break<br>
Ini adalah garis mendatar:<hr>
Ini adalah image <img src="gambar.gif" alt="gambar">




Tidak ada komentar:

Posting Komentar