Tag <Center>
Untuk menengahkan suatu teks, bisa juga digunakan tag center. Tentu saja, untuk mengakhiri penengahan teks (agar teks berikutnya tidak di tengah) perlu disertakan </center>
Contoh :
<HTML>
<HEAD>
<TITLE> tag center </TITLE>
</HEAD>
<BODY>
<CENTER>
<H2> Jenis keladi yang mempesona </H2>
Red Flash <BR>
Red Fire <BR>
</CENTER>
</BODY>
</HTML>
Tag <DIV>
Tag divisi <DIV> berguna untuk mengelompokan sejumlah baris teks
Contoh :
<HTML>
<HEAD>
<TITLE> Tag DIV </TITLE>
</HEAD>
<BODY>
<DIV ALIGN=”RIGHT”>
<h1><u>primasoft kreasindo </u></h1>
<h2> Jl.kalasan km 14 </h2>
<h2> Yogyakarta </h2>
</DIV>
<HR>
</BODY>
</HTML>
Mengatur teks
a. Mengatur teks secara fisik
Daftar tag untuk mengatur teks secara fisik
<B>teks</B> = teks ditampilkan dalam keadaan ditebalkan
<BIG>teks</BIG> = teks lebih besar dari ukuran normal
<I>teks</I> = teks ditampilkan dalam keadaan miring
<SMALL>teks</SMALL> = teks lebih kecil dari ukuran normal
<SUB>teks</SUB> = teks ditampilkan sebagai subscript
<SUP>teks</SUP> = teks ditampilkan sebagai supscript
<TT>teks</TT> = teks ditampilkan seperti tulisan mesin TIK
<U>teks</U> = teks diberi garis bawah
Contoh :
<HTML>
<HEAD>
<TITLE> Memformat secara Fisik </TITLE>
</HEAD>
<BODY>
<small>teks dengan tag small</small><BR>
Teks dengan ukuran normal<BR>
<BIG>teks dengan ukuran BIG</BIG>
<HR>
Teks normal <BR>
<B>teks dengan tag B</B><BR>
<I> teks dengan tag I </I><BR>
Normal<SUB>dengan tag SUB</SUB><BR>
Normal<SUP>dengan tag SUP</SUP><BR>
<TT>seperti ketikan mesin tik</TT><BR>
<U>teks diberi garis bawah</U>
<U><B><I>tebal, miring, dan diberi garis bawah </I></B></U>
</BODY>
</HTML>
b. Daftar tag untuk mengatur teks secara logika
<CITE>teks</CITE> = menyatakan teks adalah kutipan
<CODE>teks</CODE> = teks(kode,program computer,nonskrip)
<EM> teks </EM> = menyatakan penekanan pada teks (miring)
<KBD>teks</KBD> = teks masukan dari keyboard font nonspasi
<SAMP>teks</SAMP> = teks suatu konstanta karakter(monospasi)
c. Praformat
<HTML>
<HEAD>
<TITLE> Praformat </TITLE>
</HEAD>
<BODY>
<h2> Daftar Harga Keladi </h2>
<PRE>
Red Flash ………………..35.000<BR>
Red Fire…………………..60.000<BR>
</PRE>
</BODY>
</HTML>
Mengatur Font
Tag <Font></Font> berguna untuk mengatur jenis, ukuran, warna font
a. Jenis Font
Untuk menentukan font, diperlukan atribut face
Contoh :
<HTML>
<HEAD>
<TITLE> Jenis Font </TITLE>
</HEAD>
<BODY>
Normal: 012345abcd <BR>
<font face=”arial”> arial:012345abcd</font> <BR>
<font face=”Verdana”> Verdana:012345abcd</font> <BR>
<font face=”Lucida”> Lucida:012345abcd</font> <BR>
</BODY>
</HTML>
b. Ukuran Font
<HTML>
<HEAD>
<TITLE> Ukuran Font </TITLE>
</HEAD>
<BODY>
Normal: 012345abcd<BR>
<font size=”1”size 1: 012345abcd</font><BR>
<font size=”2”size 2: 012345abcd</font><BR>
Normal<BR>
<font size=”+1”size +1: 012345abcd</font><BR>
<font size=”+2”size +2: 012345abcd</font><BR>
Normal<BR>
<font size=”-1”size -1: 012345abcd</font><BR>
</BODY>
</HTML>
c. Warna Font
Jika warna latar belakang akan diatur, pengaturan perlu dilakukan melalui tag <BODY> dengan property berupa BGCOLOR.
Daftar Nama warna pada atribut teks :
Aqua = 00FFFF
Fuchsia = FF00FF
Lime = 00FF00
Maroon = 800000
Navy = 00080
Olive = 808000
Teal = 008080
Contoh :
<HTML>
<HEAD>
<TITLE> Warna background </TITLE>
</HEAD>
<BODY bgcolor=”800080”text=”black”>
<HR>
<P ALIGN=”CENTER”
Jenis jenis warna <BR>
<HR>
<PRE>
<Font color=”red”>warna merah</font><BR>
<Font color=”yellow”>warna kuning</font><BR>
<Font color=”green”>warna hijau</font><BR>
<Font color=”aqua”>warna aqua</font><BR>
</PRE>
</BODY>
</HTML>
d. Mengatur Default Font
HTML menyediakan tag bernama <BASEFONT> yang berfungsi untuk menentukan ukuran default font untuk sebuah halaman
Contoh:
<HTML>
<HEAD>
<TITLE> Penggunaan basefont </TITLE>
</HEAD>
<BODY>
<BASEFONT size=”4”face=”verdana”color=”pink”>
Normal <BR>
<font color=”blue”> warna biru </font><BR>
</BODY>
</HTML>
Membuat link
Untuk membuat link ke halaman lain, digunakan pasangan tag <A>…</A> atau biasa yang kita sebut tag jangkar ranchor tag. Bentuk paling sederhana :
<A href=”URL”>label</A>
Didalam hal ini, URL(uniform resource locator) dapat berupa alamat suatu dokumen, web, berkas, grafik, ataupun menyatakan suatu protocol lain (misalnya FTP)
Untuk mempraktikan Link, buatlah terlebih dahulu 2 buah berkas HTML
Contoh :
<HTML>
<HEAD>
<TITLE> halaman X </TITLE>
</HEAD>
<BODY>
<h1> halaman X</h1>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> halaman Y </TITLE>
</HEAD>
<BODY>
<h1> halaman Y</h1>
</BODY>
</HTML>
File hal utama.html:
<HTML>
<HEAD>
<TITLE> Halaman Utama </TITLE>
</HEAD>
<BODY>
<h1> halaman Utama</h1>
Silahkan klik pada link berikut
<A href=”halx.html"> halaman X </A> <BR>
<A href=”haly.html"> halaman Y</A> <BR>
</BODY>
</HTML>