HTML (HyperTex Markup Language) adalah standar informasi yang berbasis hypertext yang dipakai di web. Berdasarkan standar inilah Web
Browser bisa memahami isi suatu dokumen yang
berasal dari web server. HTML bekerja dengan
menggunakan HTTP (HyperText Transfer Protocol),
yaitu protokol komunikasi yang memungkinkan
web server berkomunikasi dengan web browser.
Kode HTML berupa sebuah berkas teks dengan
akhiran berupa .HTML, .html, .HTM, atau .htm.
Browser bisa memahami isi suatu dokumen yang
berasal dari web server. HTML bekerja dengan
menggunakan HTTP (HyperText Transfer Protocol),
yaitu protokol komunikasi yang memungkinkan
web server berkomunikasi dengan web browser.
Kode HTML berupa sebuah berkas teks dengan
akhiran berupa .HTML, .html, .HTM, atau .htm.
Contoh kode HTML:
<HTML>
<HEAD>
<TITLE>Latihan HTML</TITLE>
</HEAD>
<BODY>
Selamat Belajar HTML
</BODY>
</HTML>
Penjelasan dari kode:
● Pasangan tag <HTML> dan </HTML>
menandakan bahwa kode yang terdapat di
dalamnya adalah kode HTML sehingga browser
akan menerjemahkannya sebagai dokumen
HTML.
<HTML>
<HEAD>
<TITLE>Latihan HTML</TITLE>
</HEAD>
<BODY>
Selamat Belajar HTML
</BODY>
</HTML>
Penjelasan dari kode:
● Pasangan tag <HTML> dan </HTML>
menandakan bahwa kode yang terdapat di
dalamnya adalah kode HTML sehingga browser
akan menerjemahkannya sebagai dokumen
HTML.
● Bagian yang terdapat dalam <HTML> dan
</HTML> umumnya terbagi atas:
✔ kepala
✔ badan
● Bagian kepala ditandai dengan pasangan tag
<HEAD> dan </HEAD>, sedangkan bagian
badan ditandai dengan tag <body> dan
</BODY>.
● Pada bagian kepala, Anda bisa menentukan
judul dokumen HTML. Judul ini ditulis dengan
pasangan tag <TITLE> dan </TITLE>. Pada
contoh di depan, judul dokumen HTML berupa
Latihan HTML. Judul ini diletakkan di bagian
atas jendela browser.
</HTML> umumnya terbagi atas:
✔ kepala
✔ badan
● Bagian kepala ditandai dengan pasangan tag
<HEAD> dan </HEAD>, sedangkan bagian
badan ditandai dengan tag <body> dan
</BODY>.
● Pada bagian kepala, Anda bisa menentukan
judul dokumen HTML. Judul ini ditulis dengan
pasangan tag <TITLE> dan </TITLE>. Pada
contoh di depan, judul dokumen HTML berupa
Latihan HTML. Judul ini diletakkan di bagian
atas jendela browser.
Cara Menuliskan Tag
Setiap tag memiliki nama. Nama tag ditulis di
dalam tanda < dan >. Penulisan nama tag dan
tanda < tanpa spasi.
Nama tag boleh ditulis dengan huruf kecil, huruf
kapital, ataupun kombinasi antara huruf kecil dan
huruf kapital. Dengan kata lain penulisan
<HTML>
<html>
<Html>
dianggap sama. Tetapi umunya nama tag ditulid
dengan huruf kecil saja atau huruf kapital saja.
Atribut dalam Tag
Beberapa tag mengandung atribut di dalamnya.
Contoh:
<p ALIGN = “CENTER”>
Pada contoh ini, P adalah tag, sedangkan ALIGN
adalah atribut. Pada umumnya atribut melibatkan
nilai. Pada contoh di atas, “CENTER” adalah nilai
untuk atribut ALIGN. Seperti halnya nama tag,
nama ALIGN juga tidak membedakan huruf kecil
dan kapital.
Tag <BR>
Salah satu tag yang biasa digunakan dalam kode
HTML yaitu <BR>. Sebagai contoh:
<HTML>
<HEAD>
<TITLE>Tag BR</TITLE>
</HEAD>
Pada contoh ini, P adalah tag, sedangkan ALIGN
adalah atribut. Pada umumnya atribut melibatkan
nilai. Pada contoh di atas, “CENTER” adalah nilai
untuk atribut ALIGN. Seperti halnya nama tag,
nama ALIGN juga tidak membedakan huruf kecil
dan kapital.
Tag <BR>
Salah satu tag yang biasa digunakan dalam kode
HTML yaitu <BR>. Sebagai contoh:
<HTML>
<HEAD>
<TITLE>Tag BR</TITLE>
</HEAD>
<BODY>
Selamat Belajar HTML<BR>
Semoga Sukses!
</BODY>
</HTML>
Fungsi tag <BR> adalah untuk membuat baris
baru atau berpindah baris. Dengan demikian,
setelah browser menampilkan tulisan
Selamat Belajar HTML
Maka browser akan menempatkan tulisan
berikutnya pada baris baru.
Selamat Belajar HTML<BR>
Semoga Sukses!
</BODY>
</HTML>
Fungsi tag <BR> adalah untuk membuat baris
baru atau berpindah baris. Dengan demikian,
setelah browser menampilkan tulisan
Selamat Belajar HTML
Maka browser akan menempatkan tulisan
berikutnya pada baris baru.
Menggunakan Tag <P>
Tag <P> berguna untuk membuat paragraf.
Contoh:
<HTML>
<HEAD>
<TITLE>Contoh Paragraf</TITLE>
<BODY>
Musik Jaz<P>
Musik Jazz banyak disukai oleh<BR>
Mereka yang menyukai keindahan dan<BR>
Kedinamisan bunyi.<BR>
</BODY>
</HTML>
Tag <P> berguna untuk membuat paragraf.
Contoh:
<HTML>
<HEAD>
<TITLE>Contoh Paragraf</TITLE>
<BODY>
Musik Jaz<P>
Musik Jazz banyak disukai oleh<BR>
Mereka yang menyukai keindahan dan<BR>
Kedinamisan bunyi.<BR>
</BODY>
</HTML>
Menggunakan Tag Judul
HTML menyediakan 6 buah tag yang digunakan
untuk mengatur ukuran teks yang dijadikan
sebagai judul dalam badan dokumen. Tag-tag
judul ini berupa <H1> … </H1>, <H2> … </H2>,
<H3> … </H3>, <H4> … </H4>, <H5> …
</H5>, <H6> … </H6>. Contoh:
<HTML>
<HEAD>
<TITLE>Contoh Judul</TITLE>
</HEAD>
<BODY>
<H1>Musik Jazz</H1><P>
Musik Jazz banyak disukai oleh<BR>
Mereka yang menyukai keindahan dan<BR>
Kedinamisan bunyi.<BR>
</BODY>
HTML menyediakan 6 buah tag yang digunakan
untuk mengatur ukuran teks yang dijadikan
sebagai judul dalam badan dokumen. Tag-tag
judul ini berupa <H1> … </H1>, <H2> … </H2>,
<H3> … </H3>, <H4> … </H4>, <H5> …
</H5>, <H6> … </H6>. Contoh:
<HTML>
<HEAD>
<TITLE>Contoh Judul</TITLE>
</HEAD>
<BODY>
<H1>Musik Jazz</H1><P>
Musik Jazz banyak disukai oleh<BR>
Mereka yang menyukai keindahan dan<BR>
Kedinamisan bunyi.<BR>
</BODY>
Contoh lain:
<HTML>
<HEAD
<TITLE>Tag H1-H6</TITLE>
</HEAD>
<BODY>
<H1>Tag H1</H1>
<H1>Tag H1</H1>
<H1>Tag H1</H1>
<H1>Tag H1</H1>
<H1>Tag H1</H1>
<H1>Tag H1</H1>
</BODY>
</HTML>
Sebagaimana telah dijelaskan di depan,
kebanyakan tag memiliki atribut. Begitu juga
halnya tag judul seperti <H1>. Salah satu atribut
yang bisa digunakan adalah ALIGN, yang
berfungsi untuk mengatur penempatan teks di
dalam baris. Salah satu nilai yang dapat diberikan
ke ALIGN adalah CENTER, yang berarti judul
ditempatkan di tengah-tengah layar pada baris
yang bersangkutan. Contoh:
<H1 ALIGN = “CENTER”>Musik Jazz</H1>
Selain CENTER, nilai lain yang dapat diisikan ke
ALIGN yaitu LEFT, RIGHT, dan JUSTIFY.
LEFT merupakan nilai bawaan untuk ALIGN, yang
mengatur teks rata kiri terhadap halaman.
kebanyakan tag memiliki atribut. Begitu juga
halnya tag judul seperti <H1>. Salah satu atribut
yang bisa digunakan adalah ALIGN, yang
berfungsi untuk mengatur penempatan teks di
dalam baris. Salah satu nilai yang dapat diberikan
ke ALIGN adalah CENTER, yang berarti judul
ditempatkan di tengah-tengah layar pada baris
yang bersangkutan. Contoh:
<H1 ALIGN = “CENTER”>Musik Jazz</H1>
Selain CENTER, nilai lain yang dapat diisikan ke
ALIGN yaitu LEFT, RIGHT, dan JUSTIFY.
LEFT merupakan nilai bawaan untuk ALIGN, yang
mengatur teks rata kiri terhadap halaman.
RIGHT mengatur teks rata kanan terhadap
halaman.
JUSTIFY mengatur teks rata kiri dan rata kanan.
Efeknya terlihat untuk teks yang sangat panjang.
Membuat Garis Horizontal
Untuk mempercantik tampilan, seringkali
pembuat dokumen web menambahkan garis
horizontal. Garis ini dapat dibuat dengan mudah
dengan menyertakan tag <HR>. Contoh:
<HTML>
<HEAD>
<TITLE>Tag HR</TITLE>
</HEAD>
halaman.
JUSTIFY mengatur teks rata kiri dan rata kanan.
Efeknya terlihat untuk teks yang sangat panjang.
Membuat Garis Horizontal
Untuk mempercantik tampilan, seringkali
pembuat dokumen web menambahkan garis
horizontal. Garis ini dapat dibuat dengan mudah
dengan menyertakan tag <HR>. Contoh:
<HTML>
<HEAD>
<TITLE>Tag HR</TITLE>
</HEAD>
RIGHT mengatur teks rata kanan terhadap
halaman.
JUSTIFY mengatur teks rata kiri dan rata kanan.
Efeknya terlihat untuk teks yang sangat panjang.
Membuat Garis Horizontal
Untuk mempercantik tampilan, seringkali
pembuat dokumen web menambahkan garis
horizontal. Garis ini dapat dibuat dengan mudah
dengan menyertakan tag <HR>. Contoh:
<HTML>
<HEAD>
<TITLE>Tag HR</TITLE>
</HEAD>
halaman.
JUSTIFY mengatur teks rata kiri dan rata kanan.
Efeknya terlihat untuk teks yang sangat panjang.
Membuat Garis Horizontal
Untuk mempercantik tampilan, seringkali
pembuat dokumen web menambahkan garis
horizontal. Garis ini dapat dibuat dengan mudah
dengan menyertakan tag <HR>. Contoh:
<HTML>
<HEAD>
<TITLE>Tag HR</TITLE>
</HEAD>
<BODY>
<H1>Grup Jazz:</H1>
<HR>
Rippingtons
<HR>
Spyro Gyra
<HR>
Fourplay
<HR>
Casiopea
<HR>
</BODY>
</HTML>
<H1>Grup Jazz:</H1>
<HR>
Rippingtons
<HR>
Spyro Gyra
<HR>
Fourplay
<HR>
Casiopea
<HR>
</BODY>
</HTML>
0 comments:
Posting Komentar