Saturday, January 17, 2009

Membuat Paragraph dan Variasi huruf HTML

1. Membuat Paragraf
Silahkan ketik di notepad seperti dibawah ini:

<html>
<head>
<title>Membuat Paragraph
</title>
</head>
<body>
<p>
INI ADALAH PARAGRAPH PERTAMA
<br>
ini adalah isi dari paragraph pertama, ini adalah isi dari paragraph pertama, ini
adalah isi dari paragraph pertama, ini adalah isi dari paragraph pertama, ini adalah
isi dari paragraph pertama, ini adalah isi dari paragraph pertama.
</p>
<p>
INI ADALAH PARAGRAPH KEDUA
<br>
ini adalah isi dari paragraph kedua, ini adalah isi dari paragraph kedua, ini adalah isi dari paragraph kedua, ini adalah isi dari paragraph kedua, ini adalah isi dari
paragraph kedua, ini adalah isi dari paragraph kedua,
</p>
</body>
</html>



Keterangan :
# <p> dan </p> artinya Tag dari paragraf
# <br> artinya pindah baris

dari susunan code diatas akan terlihat hasil seperti dibawah



2. MEMBUAT VARIASI FONT atau HURUF
silahkan ketik di notepad code berikut :

<html>
<head>
<title>membuat variasi huruf
</title>
</head>
<body>
<font color=red face=arial size=3>
variasi font satu = dengan susunan warna merah, tipe huruf arial, ukuran 3
</font>
<br>
<br>
<font color=blue face=times new roman size=4>variasi font dua = dengan susunan warna biru, tipe huruf times new roman, ukuran 4</font>
<br>
<br>
<font color=black face=verdana size=5>variasi font tiga = dengan susunan warna
hitam, tipe huruf verdana, ukuran 5 </font>
</body>
</html>

dari tag diatas akan muncul tampilan seperti berikut




Keterangan:
# untuk membuat variasi font awali dengan kode <font> dan akhiri dengan kodea </font>
# anda bisa menambahkan tag <b> di awal kalimat untuk membuat huruf cetak tebal seperti ini dan akhiri dengan </b>>
# Font color= adalah warna dari text yang akan muncul anda juga bisa menuliskan code heksadesimal pada atribut dengan cara penulisan contoh color=#0000ff untuk menghasilkan warna merah, face= adalah tipe huruf yang akan mucul dan size= adalah ukuran size yang akan muncul

Selamat Mencoba
http://dibahas.blogspot.com

1 comments:

Anonymous said...

Mas thanks banget tutorialnya, sangat membantu buat belajar, maklum baru dapet sks multimedia web :D

Post a Comment