Senin, 10 September 2012

HTML Tags


HTML <!--...--> Tag

Definisi dan Penggunaan

• Tag komentar digunakan untuk menyisipkan komentar dalam kode sumber. Komentar tidak ditampilkan dalam browser.

• Anda dapat menggunakan komentar untuk menjelaskan kode Anda, yang dapat membantu Anda ketika Anda mengedit kode sumber di kemudian hari. Hal ini sangat berguna jika Anda memiliki banyak kode.

• Contoh Penggunaan :


<!DOCTYPE html>
<html>
<body>

<!--This is a comment. Comments are not displayed in the browser-->
<p>This is a paragraph.</p>

</body>
</html>

« Mencoba Sendiri »

HTML <doctype> Tag

Definisi dan Penggunaan

• The <DOCTYPE!> Deklarasi harus menjadi hal pertama dalam dokumen HTML Anda, sebelum tag <html>.

• Deklarasi bukanlah tag HTML <DOCTYPE!>, Itu adalah instruksi ke browser web tentang apa versi HTML halaman yang ditulis masuk

• Dalam HTML 4.01, yang <DOCTYPE!> Deklarasi mengacu pada DTD, karena HTML 4.01 didasarkan pada SGML. DTD menetapkan aturan untuk bahasa markup, sehingga browser membuat konten dengan benar.

• HTML5 tidak didasarkan pada SGML, dan karenanya tidak memerlukan referensi ke DTD.

• Contoh Penggunaan :


<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

« Mencoba Sendiri »

HTML <a> Tag

Definisi dan Penggunaan

• Tag <a> mendefinisikan jangkar. Jangkar dapat digunakan dalam dua cara:

     ° Untuk membuat link ke dokumen lain, dengan menggunakan atribut href
     ° Untuk membuat bookmark dalam dokumen, dengan menggunakan atribut nama
• Unsur <a> biasanya disebut sebagai link atau hyperlink.

• Atribut yang paling penting dari elemen <a> adalah atribut href, yang menunjukkan tujuan link.

• Secara default, link akan muncul sebagai berikut di semua browser:

     ° Link belum dikunjungi digarisbawahi dan biru
     ° Sebuah link dikunjungi digarisbawahi dan ungu
     ° Link aktif digarisbawahi dan merah

• Contoh Penggunaan :


<!DOCTYPE html>
<html>
<body>

<a href="http://www.w3schools.com">Visit W3Schools.com!</a>

</body>
</html>

« Mencoba Sendiri »

HTML <abbr> Tag

Definisi dan Penggunaan

• Tag <abbr> menjelaskan frase disingkat.

• Dengan menandai singkatan Anda dapat memberikan informasi yang berguna untuk browser, mantra catur sistem penerjemahan, dan search engine-pengindeks.

• Contoh Penggunaan :


<!DOCTYPE html>
<html>
<body>

The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.

</body>
</html>

« Mencoba Sendiri »

HTML <acronym> Tag

Definisi dan Penggunaan

• Tag <acronym> mendefinisikan akronim.

• Akronim dapat berbicara seolah-olah itu adalah sebuah kata, misalnya NATO, NASA, ASAP, GUI.

• Dengan menandai singkatan Anda dapat memberikan informasi yang berguna untuk browser, mantra catur sistem penerjemahan, dan search engine-pengindeks.

• Contoh Penggunaan :


<!DOCTYPE html>
<html>
<body>

Can I get this <acronym title="as soon as possible">ASAP</acronym>?

</body>
</html>

« Mencoba Sendiri »

HTML <address> Tag

Definisi dan Penggunaan

• Tag <address> mendefinisikan informasi kontak untuk penulis atau pemilik dokumen. Dengan cara ini, pembaca dapat menghubungi pemilik dokumen.

• Unsur <address> biasanya ditambahkan ke header atau footer dari halaman web.

• Contoh Penggunaan :


<!DOCTYPE html>
<html>
<body>

<address>
Written by W3Schools.com<br />
<a href="mailto:us@example.org">Email us</a><br />
Address: Box 564, Disneyland<br />
Phone: +12 34 56 78
</address>

</body>
</html>

« Mencoba Sendiri »