Web merupakan jaringan komputer yang
terdiri dari kumpulan situs internet yang menawarkan teks, grafik, suara dan
sumber daya animasi melalui protokol transfer hypertext. WWW (World Wide
Web) adalah halamanhalaman website yang dapat saling terkoneksi satu dengan
lainnya (hyperlink) yang membentuk samudra belantara informasi WWW berjalan
dengan protokol HyperText Transfer Protokol
(HTTP).
Di dalam desain web, tidak akan bisa
lepas dengan yang namanya HTML (Hypertext Markup Language). HTML
adalah bahasa standar yang digunakan untuk menyusun/membangun
suatu halaman web.
Struktur HTML :
Bahasa HTML (tag) dapat ditulis/dibuat
melalui berbagai macam word editor, misalnya Notepad, Wordpad, PHP Designer
2005, dll. Tag-tag tersebut dapat dituliskan dengan huruf besar ataupun huruf
kecil. Setelah tag HTML ditulis dengan menggunakan Notepad atau word editor
yang lain, simpanlah file tersebut dengan format file nama_file.htm atau
nama_file.html
Sebagai contoh, file HTML tersebut
disimpan dengan nama index.htm atau index.html
Adapun struktur HTML adalah sbb:
<HTML>
<HEAD>
<TITLE> … </TITLE>
</HEAD>
<BODY>
…
</BODY>
</HTML>
Keterangan:
1. Tag
HTML secara default dimulai dari <HTML> dan diakhiri dengan </HTML>.
2. Tag
<HEAD> … </HEAD> merupakan tag kepala sebelum badan. Tag kepala ini
akan terlebih dulu dieksekusi sebelum tag badan.
3. <TITLE>
… </TITLE> adalah tag judul. Sebaiknya setiap halaman web memiliki judul,
dan judul tersebut dituliskan di dalam <TITLE> … </TITLE>. Judul
ini akan muncul dalam titlebar dari browser.
Penyunting Text
Berikut ini berbagai macam tag yang dapat digunakan untuk
penyuntingan teks.
1. Heading
Fungsi : untuk membuat/memilih ukuran teks, umumnya untuk
judul karenaukurannya yang besar.
Sintaks :
<H1> … </H1>,
<H2> … </H2>,
<H3> … </H3>, s/d
<H6> … </H6>
Ket : Semakin besar angka 1 s/d 6 maka semakin kecil
ukuran hurufnya.
2. Garis
horizontal
Fungsi : membuat garis horizontal penuh pada
layar/halaman web.
Sintaks : <HR>
Contoh :
<HTML>
<HEAD>
<TITLE>Garis Horizontal</TITLE>
</HEAD>
<BODY>
<H1>Di bawah tulisan ini ada garis
horizontal</H1>
<HR>
</BODY>
</HTML>
Ket : Penulisan <HR> bisa terletak dibawah suatu
teks atau di sampingnya.
3. Teks
miring (Italic)
Sintaks : <I> … </I>
Contoh :
<HTML>
<HEAD>
<TITLE>Penyuntingan teks dengan italic</TITLE>
</HEAD>
<BODY>
<H1><I>Teks ini ditulis dengan H1 dan
miring</I></H1>
</BODY>
</HTML>
4. Teks
tebal (bold)
Sintaks : <B> … </B>
Contoh :
<HTML>
<HEAD>
<TITLE>Penyuntingan teks dengan bold</TITLE>
</HEAD>
<BODY>
<H1><B>Teks ini ditulis dengan H1 dan
bold</B></H1>
</BODY>
</HTML>
5. Teks
dengan garis bawah (underlined)
Sintaks : <U> … </U>
Contoh :
<HTML>
<HEAD>
<TITLE>Penyuntingan teks dengan underline</TITLE>
</HEAD>
<BODY>
<H1><U>Teks ini ditulis dengan H1 dan
bergaris bawah</U></H1>
</BODY>
</HTML>
6. Center
Fungsi : membuat teks (tunggal) berada di tengah halaman
Sintaks : <center> … </center>
Contoh :
<HTML>
<HEAD>
<TITLE>Teks Center</TITLE>
</HEAD>
<BODY>
<CENTER>Tulisan ini berada di tengah</CENTER>
</BODY>
</HTML>
7. Paragraf
Fungsi : untuk memisahkan paragraf yang satu dengan yang
lain
Sintaks : <P> … </P>
Contoh :
<HTML>
<HEAD>
<TITLE>Paragraf</TITLE>
</HEAD>
<BODY>
<H1>Contoh paragraf</H1><HR>
<P>Di dalam desain web, tidak akan bisa lepas
dengan yang namanya HTML
(Hypertext Markup Language). HTML adalah bahasa standar yang digunakan untuk
menyusun/membangun suatu halaman web.</P> <P> Meskipun telah muncul
software- software yang dapat digunakan untuk membangun
suatu halaman web tanpa susah-susah memperhatikan struktur HTML-nya, tidak ada salahnya
kalau HTML itu sendiri dipelajari.</P>
</BODY>
</HTML>
8. Alignment
Fungsi : untuk mengatur format tampilan teks/paragraf
apakah rata kiri, kanan,
kiri dan kanan, atau tengah.
Sintaks :
<P ALIGN=right>…</P> untuk rata kanan
<P ALIGN=left>…</P> untuk rata kiri
<P ALIGN=center>…</P> untuk rata tengah
<P ALIGN=justify>…</P> untuk rata kiri dan
kanan
Atau
<H> ALIGN=right>…</H>
<H> ALIGN=left>…</H>
<H> ALIGN=center>…</H>
0 komentar:
Posting Komentar