materi ke 4

Materi ke 4

Komentar (teks yang tidak di tampilkan di web hanya untuk informasi di Notepad)

• Sebelum kita melangkah lebih jauh kami akan mengenalkan kepada anda mengenai konsep dari HTML komentar / comment.

• Meskipun 'komentar' sifatnya adalah opsional namun ada kalanya pemberian 'komentar' akan sangat membantu anda.

• Komentar adalah bagian dari kode HTML, tujuannya adalah untuk menjelaskan bagian-bagian dari kode.

• Contoh syntax dari sebuah komentar HTML :• • Komentar HTML selalu dimulai dengan <!> dan diakhiri

dengan >> , hal ini memberitahukan kepada browser darimana sebuah komentar dimulai dan diakhiri.

Contoh

<html> <body>  <h3> SMA Negeri 1 Bangkinang </h3> </body> </html>

TAG HR (Horizontal Rule)

• Digunakan untuk membuat garis secara horizontal

• Tag HR <HR> ini tidak berpasangan• <HR>

Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa. Berikut ini adalah 16 nama warna beserta kodenya dalam format heksa (harap diingat bahwa tulisan 0 adalah angka nol, bukan huruf O).

black #000000 blue #0000FF olive #808000 white #FFFFFF fuchsia #FF00FF green #008000 red #FF0000 gray #808080 teal #008080 yellow #FFFF00 silver #C0C0C0 navy #000080 lime #00FF00 maroon #800000 purple #800080 aqua #00FFFF

Cara Membuat Daftar Definisi / Definition List

Daftar Definisi / Definition List merupakan daftar yang dibuat untuk menjelaskan suatu teks atau istilah, yang letaknya menjorok dengan istilah yang berhubungan.

Misalnya saya akan membuat daftar penjelasan tentang sesuatu yang berhubungan dengan internet :E-mail

Dalam hal ini surat elektronik merupakan pesan elektronik berbentuk surat yang dikirimkan melalui internet.Chat

Obrolan melalui internet berupa teks secara interaktif.Modem

Merupakan alat yang diperlukan untuk mengakses internet.

Dari contoh diatas bisa dilihat bahwa teks yang diberikan mempunyai diskripsi / makna tambahan yang dibuat menjorok dari teks.

<dl><dt>Teks</dt><dd>Diskripsi Teks</dd><dt>Teks</dt><dd>Diskripsi Teks</dd><dt>Teks</dt><dd>Diskripsi Teks</dd>

</dl>

<DL>Elemen yang biasa digunakan ketika anda ingin memasukkan daftar definisi kedalam postingan, yang terdiri dari teks dan penjelasannya.

<DT>Elemen yang berisi data inline atau teks yang akan dijelaskan.

<DD>Elemen deskripsi yang menjelaskan suatu teks lebih bermakna.

<dl><dt>E-mail</dt><dd>Dalam hal ini surat elektronik merupakan pesan elektronik

berbentuk surat yang dikirimkan melalui internet.</dd><dt>Chat</dt><dd>Obrolan melalui internet berupa teks secara interaktif.</dd><dt>Modem</dt><dd>Merupakan alat yang diperlukan utk mengakses

internet</dd></dl>

• Membuat Tulisan Naik ke atas<Sup> / superscript

Contoh : M2

• Membuat Tulisan Turun Kebawah<sub> subscript

Contoh : H2OTag ini selalu berpasangan

MARQUEE• Pernahkah anda melihat barisan tulisan yang

bergerak dari samping kanan kekiri atau dari atas ke bawah pada suatu halaman web?

• Itulah fungsi dari HTML marquee.• HTML marquee dibuka dengan tag <marquee> dan

ditutup dengan tag </marquee>

Contoh kode :<marquee>Contoh sederhana dari HTML marquee </marquee>

<marquee direction="right">This text berjalan dari kiri ke kanan</marquee>

materi ke 4

Documents