Sekilas Tentang HTML
<HTML>
HTML
merupakan dasar atau tulang punggung dalam pembuatan sebuah Web. Dalam
setiap file HTML akan selalu didahului dengan tag <HTML>. Tag ini
akan membuat web browser mencoba untuk membaca file yang ada didalam tag
tersebut untuk ditampilkan dalam web browser. Pada akhir baris jangan
lupa Anda harus selalu mengakhiri tag <HTML> dengan </HTML>.
Sehingga akan kelihatan bahwa pada setiap tag HTML akan selalu :
<HTML>
untuk mengakhiri :
</HTML>
Penulisan Tag HTML adalah incasesensitive. Artinya, <HTML> akan sama dengan <html> atau <Html>.
Untuk selanjutnya akan dibagi menjadi 2 seksi: head dan body.
<HEAD>
Header
akan berfungsi sebagai tanda pengenal pada halaman yang akan Anda buat.
Untuk mendefinisikan header dalam tag HTML maka anda harus menambahkan
<HEAD> dan </HEAD> tag di bawah tag <HTML> dan akan
menjadi seperti berikut :
<HTML>
<HEAD>
</HEAD>
</HTML>
<BODY>
Pada
bagian body merupakan bagian dimana Anda dapat menuliskan berbagai text
yang ingin Anda tampilkan pada halaman web. Untuk mendefinisikan body
harus diketikan tag <BODY> dan ditutup dengan tag </BODY>
dibawah tag header, sehingga akan terlihat :
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
Untuk
menamai atau memberikan judul pada halaman web yang akan Anda buat
maka digunakan tag <TITTLE> dan </TITTLE>. Judul ini akan
terlihat pada sudut kiri atas pada halaman web. Tag <TITTLE> akan
berada di dalam tag <HEAD>. Kini saatnya Anda membuat halaman web
Anda yang pertama. Bukalah Notepad dari Start Menu dan ketik kode
html di bawah ini, kemudian simpanlah di C:\My Documents\hello.htm.
Ingat! Nama filenya adalah hello.htm, bukanlah hello.htm.txt atau
hello.txt.
<HTML>
<HEAD>
<TITTLE>Selamat datang pada HomePage Saya</TITTLE>
</HEAD>
<BODY>
Halo semua, Bagaimana kabar Anda sekalian?
</BODY>
</HTML>
Kemudian,
bukalah Internet Explorerdan pilih menu: File à Open, dan bukalah C:\My
Documents\hello.htm. Maka akan terlihat sebagai berikut :
Heading <h1>…</h1>
Merupakan
sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen
HTML. Heading akan berbeda dengan tag <TITTLE> yang tidak akan
muncul dalam halaman web. HTML menyediakan enam tingkat heading.
<HTML>
<HEAD>
<TITLE>Heading</TITLE>
</HEAD>
<BODY>
<H1>Heading level1</H1>
<H2>Heading level2</H2>
<H3>Heading level3</H3>
<H4>Heading level4</H4>
<H5>Heading level5</H5>
<H6>Heading level6</H6>
</BODY>
</HTML>
Paragraf <p>…</p>
Untuk
dapat membuat paragraph dalam HTML Anda bisa menggunakan tag <P>
dan diakhiri dengan </P>. Anda bisa mengatur paragraph yang Anda
buat dengan menggunakan atribut ALIGN dengan dikuti posisi yang Anda
inginkan, LEFT untuk rata kiri, CENTER untuk rata tengah, dan RIGHT
untuk rata kanan:
<HTML>
<HEAD>
<TITLE>Paragraf</TITLE>
</HEAD>
<BODY>
<P>Dalam perancangan suatu antarmuka terdapat
akses-akses penting yang harus diperhatikan.
Aspek-aspek tersebut akan sangat menunjang
dalam hasil dari perancangan perangkat lunak tersebut.
Aspek yang harus diperhatikan tidak hanya dipandang dari
satu sisi programnya saja, tetapi juga dari aspek
manusianya yang merupakan pengguna dari
</P>
<P> Dalam perancangan suatu antarmuka terdapat
akses-akses penting yang harus diperhatikan.
Aspek-aspek tersebut akan sangat menunjang
dalam hasil dari perancangan perangkat lunak tersebut.
Aspek yang harus diperhatikan tidak hanya dipandang dari
satu sisi programnya saja, tetapi juga dari aspek
manusianya yang merupakan pengguna dari
</P>
<P>Dalam perancangan suatu antarmuka terdapat
akses-akses penting yang harus diperhatikan.
Aspek-aspek tersebut akan sangat menunjang
dalam hasil dari perancangan perangkat lunak tersebut.
Aspek yang harus diperhatikan tidak hanya dipandang dari
satu sisi programnya saja, tetapi juga dari aspek
manusianya yang merupakan pengguna dari
</P>
</BODY>
</HTML>
Blockquote
…
Tag
digunakan untuk menulis kutipan teks. Dengan menggunakan tag ini maka
Anda akan mendapati browser menampilkan teks yang menjorok ke dalam
(mengidentifikasi teks).
Contoh :
HTML>
<HEAD
<TITLE>Blockquote</TITLE>
</HEAD>
<BODY>
<H2>Aspek dalam Interface</H2>
Dalam perancangan suatu antarmuka terdapat
akses-akses penting yang harus diperhatikan.
Aspek-aspek tersebut akan sangat menunjang
dalam hasil dari perancangan perangkat lunak tersebut.
</BODY>
</HTML>
Preformated Text
…
Digunakan
untuk menampilkan teks sama seperti yang Anda ketikan dalam dokumen
HTML. Browser akan menampilkan dalam font monospace (biasanya courier
new).
<HTML>
<HEAD>
<TITLE>performatted text</TITLE>
</HEAD>
<BODY>
Dalam perancangan suatu antarmuka terdapat
akses-akses penting yang harus diperhatikan.
Aspek-aspek tersebut akan sangat menunjang
dalam hasil dari perancangan perangkat lunak tersebut.
</BODY>
</HTML>
Begin Row
Digunakan untuk menulis teks pada baris berikutnya. Tag
akan membuat baris baru tanpa memberikan ruang kosong di bawahnya.
Contoh :
<HTML>
<HEAD>
<TITLE>Begin Row</TITLE>
</HEAD>
<BODY>
<P>Dalam perancangan suatu antarmuka terdapat
akses-akses penting yang harus diperhatikan.
Aspek-aspek tersebut akan sangat menunjang
dalam hasil dari perancangan perangkat lunak tersebut.
</P>
</BODY>
</HTML>
Ukuran Font …
Untuk mengaur huruf pada HTML Anda menggunakan tag . Tag ini memiliki atribut untuk mengatur ukuran huruf.
Contoh :
<HTML>
<HEAD>
<TITLE>Font Size</TITLE>
</HEAD>
<BODY>
ukuran font 1
ukuran font 2
ukuran font 3
ukuran font 4
ukuran font 5
ukuran font 6
ukuran font 7
</BODY>
</HTML>
Jenis Font …
Untuk
mengatur jenis huruf yang digunakan Anda bisa menggunakan atribut FACE
yang harus diisi dengan string jenis font seperti arial, verdana, Tahoma
dll.
Contoh :
<HTML>
<HEAD>
<TITTLE>Jenis font</TITTLE>
</HEAD>
<BODY>
<P> Arsenal, contoh font arial </P>
<P> Arsenal, contoh font verdana </P>
<P> Arsenal, contoh font tahoma </P>
</BODY>
</HTML>
Warna Font …
Atribut
COLOR Anda bisa gunakan untuk mengatur warna font. Ada 2 cara untuk
memberi warna pada atribut color. Cara yang pertama dengan menuliskan
nama warna yang ingin digunakan seperti: red, blue, yellow, dll. Cara
yang kedua dengan menggunakan nilai RGB.
<HTML>
<HEAD>
<TITTLE>Warna font</TITTLE>
</HEAD>
<BODY>
<P> Arsenal, Juara piala FA</P>
<P> Arsenal, The Best</P>
<P> Arsenal, Top Bgt</P>
</BODY>
</HTML>
Link …
Perintah anchor digunakan untuk membuat link. Dan digunakan tag teks pada browser .
Untuk membuat link dalam sebuah dokumen HTML perlu disiapkan nama
anchor lokasi tujuan link tersebut. Nama anchor dibuat dengan
menambahkan atribut NAME pada tag
Contoh :
File 1: contoh.html
<HTML>
<HEAD>
<TITTLE>Link</TITTLE>
</HEAD>
<BODY>pemain Milan
<P>DIDA, info selengkapnya
<P>MALDINI
<P>SHEVA
<P>REDONDO
<P>RIVALDO
<P>
info selengkapnya
KLIK AJA !!!!
<P>KIPER UTAMA TIMNAS BRAZIL
UP
</BODY>
</HTML>
File 2: tujuan.html
<HTML>
<HEAD>
<TITLE>Link TUJUAN</TITLE>
</HEAD>
<BODY>
<P> info
PIRLO
INZAGHI
GATTUSO
kembali
</BODY>
</HTML>
Tidak ada komentar:
Posting Komentar