Saturday, July 23, 2011

HTML Dasar

1.   HTML
HTML merupakan tag dasar yang mendefinisikan bahwa dokumen ini adalah dokumen HTML. Tag ini merupakan satu keharusan bagi pemrogram web untuk menuliskannya sebagai tag pertama dalam dokumen HTML.  
contoh :
<html> di awal dokumen dan </html> di akhir dokumen

2.   HEAD
Head merupakan tag berikutnya setelah <html> untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan .
contoh :
<head> diawal setelah <html>, dan </head> diakhir section head


3.   TITLE
Title merupakan tag dalam head yang harus dituliskan untuk memberikan judul / informasi pada caption browser web tentang topik atau judul dari dokumen web yang ditampilkan dalam browser.
Contoh :
<title> judul dokumen </title> 


4.   BODY
Body merupakan section utama dalam dokumen web. pada section ini semua isi dokumen dokumen yang akan ditampilakan didalam browser harus dituliskan.
Contoh :
<body> di awal, segera setelah tag </head> 
</body> di akhir, diletakan sebelum tag </html>

5.   HEADING
Heading sangat penting dalam dokumen HTML biasanya digunakan untuk judul HTML. Heading didefinisikan dengan tag <h1> sampai <h6>. <h1> mendefinisikan Heading paling penting atau judul utama, diikuti dengan judul H2 sampai heading yang kurang penting H3, H4, H5 dan H6 mendefinisikan heading paling akhir.

Contoh :

<html>
<body>
<h1>Ini adalah heading 1</h1>
<h2>Ini adalah heading 2</h2>
<h3>Ini adalah heading 3</h3>
<h4>Ini adalah heading 4</h4>
<h5>Ini adalah heading 5</h5>
<h6>Ini adalah heading 6</h6>
</body>
</html>


Preview :

 

Catatan : Browser secara otomatis menambahkan beberapa ruang kosong (margin) sebelum dan sesudah tag heading. Gunakan judul HTML untuk judul saja. Jangan gunakan judul untuk membuat teks BESAR atau tebal.


6.   GARIS

Elemen hr dapat digunakan untuk memisahkan konten dan disisipkan dalam dokumen web. Tag <hr /> menciptakan garis horizontal dalam sebuah halaman HTML. Unsur <hr /> adalah elemen HTML yang kosong. Tidak memiliki tag penutup.

Contoh :


<html>
<body>
<p>Tag hr mendefinisikan garis horizontal:</p>
<hr />
<p>Ini adalah paragraf</p>
<hr />
<p>Ini adalah paragraf</p>
<hr />
<p>Ini adalah paragraf</p>
</body>
</html>


Preview :






7.   PARAGRAF
Dokumen HTML terbagi ke dalam paragraf. Paragraf didefinisikan dengan tag <p>. Jangan Lupakan Tag Akhir </p>, melupakan tag akhir dapat menghasilkan hasil yang tidak diharapkan atau kesalahan. Kebanyakan browser akan menampilkan HTML dengan benar bahkan jika Anda lupa tag akhir. Masa depan Versi HTML tidak akan memungkinkan Anda untuk melewatkan tag akhir.

Contoh :
<html>
<body>
<p>Ini adalah paragraf 1.
<p>Ini adalah paragraf 2.
<p>Ini adalah paragraf 3.
<p>Jangan lupa untuk menutup tag HTML Anda!</p>
</body>
</html>

Preview :


Catatan : Browser secara otomatis menambahkan baris kosong sebelum dan sesudah paragraf.


8.   LINE BREAKS
Gunakan tag <br /> jika Anda ingin mengganti baris (baris baru) tanpa perlu memulai sebuah paragraf baru. Unsur <br /> adalah elemen HTML yang kosong. Tidak memiliki tag penutup.

Contoh :
<html>
<body>
<p>Ini adalah paragraf<br />baris baru<br />menampilkan baris baru</p>
</body>
</html>

Preview :





9.   KOMENTAR
Komentar dapat disisipkan ke dalam kode HTML untuk membuatnya lebih mudah dibaca dan dimengerti. Komentar diabaikan oleh browser dan tidak ditampilkan. Pada penulisan tag komentar ditandai dengan tag <!-- pada bagian awal ada tanda seru setelah buka kurung , diikuti teks yang dikomentari dan tag --> diakhir tag.

Contoh :
<html>
<body>
<!--Komentar ini tidak akan ditampilkan-->
<p>Hanya teks ini yang ditampilkan</p>
</body>
</html>

Preview :




0 comments:

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More