Selasa, 07 Januari 2014

Membuat sebuah website sederhana dengan HTML

Dalam HTML terdapat banyak tag tetapi kali ini kita hanya akan mempelajari sedikit agar mudah dipahami dan tidak terlalu memberatkan. Kita akan mulai dari pemformatan karakter sederhana. Adapu tag tersebut antara lain:

 
Huruf Tebal

<B></B>
(Bold)
 
Huruf Miring

<I></I>
(Italic)


Garis Bawah

<U></U>
(Underline)
 
Huruf Coret

<STRIKE></STRIKE>
(Strikeout )


Huruf Coret

<S></S>
(Strikeout)
 
Huruf Geser Bawah

<SUB></SUB>
(Subscript)
 
Huruf Geser Atas

<SUP></SUP>
(Superscript)
 
Huruf Mesin Ketik

<TT></TT>
(Typewriter - huruf berjarak tetap)
 
Pra-format (Preformatted)

<PRE></PRE>
(menampilkan dengan jarak pra-format)
 
Jarak Huruf

<PRE WIDTH=?></PRE>
(mengatur jarak huruf)

Rata Tengah

<CENTER></CENTER>
(Center - berlaku untuk teks maupun gambar)

Huruf Kedip

<BLINK></BLINK>
(Blinking - tag terlucu sampai kini)
 
Ukuran Huruf

<FONT SIZE=?></FONT>
(Font Size - boleh diisi dari 1 sampai 7)
 
Rubah Ukuran Huruf

<FONT SIZE="+|-?"></FONT>
 


Basis Ukuran Huruf

<BASEFONT SIZE=?>
(boleh diisi 1 sampai 7; ukuran standard/default=3)
 
Warna Huruf

<FONT COLOR="#$$$$$$"></FONT>
 


Pilih Jenis Huruf

<FONT FACE="***"></FONT>
 

Teks Multi Kolom

<MULTICOL COLS=?></MULTICOL>
 


Jarak Batas Kolom

<MULTICOL GUTTER=?></MULTICOL>
(default = 10 pixels)


Lebar Kolom

<MULTICOL WIDTH=?></MULTICOL>
 


Celah (Spacer)

<SPACER>
 


Jenis Celah

<SPACER TYPE=horizontal| vertical|block>
 


Ukuran Celah

<SPACER SIZE=?>
 


Dimensi Celah

<SPACER WIDTH=? HEIGHT=?>
 


Penataan Celah

<SPACER ALIGN=left|right|center>

Nah mari kita mulai latihan lagi dengan memasukkan tag di atas.

<html>
<head>
<title>selamat datang di website saya</title>
<body bgcolor="green">
<h1> Saya lagi latihan</h1>
<p> Hay, saya latihan lagi</p><br>
 <B>ini adalah huruf tebal</B><br>
 <I>ini adalah huruf miring</I><br>
 <S>huruf ini dicoret</S><br>
Lihat! hurufnya turun ke bawah dan ke atas<SUB>lihat saya</SUB><SUP>lihat juga</SUP><br>
 
<FONT COLOR="yellow" face="verdana" size="12">ini adalah jenis huruf verdana dengan warna kuning dan ukurannya 12</FONT><br>
<marquee direction="left">lihat! Saya bergerak ke kiri</marquee>
<marquee direction="right"> lihat! saya bergerak ke kanan</marquee>
<marquee direction="up"> lihat! saya bergerak ke atas</marquee>
 <marquee direction="down"> lihat! saya bergerak ke bawah</marquee>
</body>
</html>
simpan dengan nama belajar2.html, lalu buka filenya.
 
 


Tidak ada komentar:

Posting Komentar