Anda di halaman 1dari 19

Indentasi (Blockquote)

 <blockquote> digunakan untuk membuat blok


teks indent kiri.
--------------------------
<blockquote>
----------------------------------------------
------------------------------------------------
----------------------------------------------
<blockquote>
-----------------------------------------
-----------------------------------------
</blockquote>
----------------------------------------------------------------
</blockquote>
-----------------------------------------------------
Silahkan buat source code untuk
menampilkan output berikut!
Teks Scrolling

WIDTH Untuk menyatakan lebar scrollnilainya


suatu bilangan
HEIGHT Untuk tinggi ruang scroll nilainya suatu
bilangan
DIRECTION Menyatakan cara scroll dari kanan atau
dari kiri (LEFT atau RIGHT
BEHAVIOR Menuatakan scrool yang dapat diisi dengan
SCROLL, SLIDE atau ALTERNATE
SCROLLDELAY Menyatakan kecepata scroll yang berupa
suatu bilangan.
BGCOLOR Menyatakan warna latar belakang
Contoh
<html>
<head>
<title>Marquee</title>
</head>
<body>
<marquee bgcolor="silver">
<h1>SELAMAT DATANG</h1></marquee>
<marquee direction="right">
<h2>DI SMK MUTIARA ILMU </h2></marquee>
<marquee behavior="alternate">
<h3>H T M L</h3></marquee>
<marquee behavior=“Slide">
<H2> Bentuk Slide</h2></marquee>
<marquee behavior=“Scroll">
<h3>Bentuk Scroll</h3></marquee>

<p align="justify">Untuk melihat dokumen HTML secara lokal melalui browser Web (misalkan
Internet Explorer) kita buka file tersebut dengan memilih menu FILE dan OPEN FILE.</p>
</body>
</html>
Hasil…
Entitas Karakter HTML
 Entitas Karakter sama dengan karakter
ASCII (karakter yang mempynyai arti
khusus)

• Bentuk Penulisan

&#Kode_ASCII &#65 A
&#60 <
&#62 >
Contoh
<HTML>
<HEAD><TITLE>XMP</TITLE></HEAD>
<BODY>
Berikut ini bukan dianggap sebagai TAG Anchor:
<XMP>
Tag yang digunakan adalah <XMP>
<A HREF=“http://www.mutiarailmu.sch.id”>SMK Mutiara Ilmu
Makassar</A>
</XMP>
<BR>
Berikut ini juga bukan tag Anchor<br>
Tag yang dgunakan adalah &#60;PRE&#62;
<PRE>
&#60;A HREF="http://www.mutiarailmu.sch.id"&#62;SMK Mutiara Ilmu
Makassar&#60;/A&#62;
</PRE></BODY></HTML>
Kode simbol-simbol
Agenda…

 LINK…
LINK HTML
 Dokumen HTML menggunakan hyperlink
(anchor) untuk meng-hubungkan dokumen
ke dokumen dalam web.
 Hyperlink biasa disebut dengan hypertext
link
Contoh…
Tag Anchor
 HTML menggunakan tag <a> untuk
membuat link
 Sintak:
<a Atribut> Teks Tampilan</a>
 Jenis Link:
 Link Relatif
 Link Absolut
Atribut LINK
HREF Menentukan source dokumen
NAME Memberialamat pada lokasi
tertetu pada sebuah halaman
TARGET Menentukan target tampilan
TITLE Menentukan judul link
onClick Menambahkan event klik
onMouseOver Event mouse di atas link
onMouseOut Event mouse saat
meninggalkan link
Link Relatif
 Link dalam page ke page yang lain dalam
satu komputer
 Contoh:

<a href=“Jaring2.htm”>Berikut</a>
Link Absolut
 Membuat link web page ke web site lain di
Internet.
 Contoh:

<a href=“http://www.microsoft.com”> Microsoft</A>


Membuat link ke Misrosoft

<a href= “http://www.mutiarailmu.sch.id” >MUTIL</A>


Membuat link ke web site MUTIL
Link yang tidak Tergarisbawahi

 Link dapat ditampilkan teks yang tidak


digaris bawahi.
 Contoh:

<a href="indent.html" target ="_blank"


Style="text-decoration:none">
Indentasi Paragraf</a>
Mailto
 Membuat link pada suatu pesan mail
(tidak bisa bekerja jika mail client didak
dipasang)
 Contoh:

<a href=“mailto:wyn@telkom.net?
subject=Konsultasi”> Kirim ke email ke
wyn@telkom.net</a>

Anda mungkin juga menyukai