Belajar Pemformatan Text Pada Html Bagian 2

Assalamualaikum wr.wb

Hari ini admin melanjutkan dari postingan sebelumnya yaitu belajar pemformatan text pada html bagian 1  nah di bagian 2 ini admin akan membahas tentang pemformatan text yang meliputi cara merubah ukuran, warna, jenis huruf, paragraf dan perataan.

untuk merubah ukuran, warna dan jenis huruf kita lihat contoh dibawah ini script yang admin tebali merupakan script untuk merubah ukuran , warna , dan jenis huruf

<html>
<head><title>Belajar Pemformatan Text Bag 2</title></head>
<body>
<font size="7" color="#1435D9" face="comic sans ms">font ini berukuran 7 berwarna biru
dan jenis fontnya comic sans ms</font><br><font size="5" color="yellow" face="arial">font ini berukuran 5 berwarna kuning  dan jenis fontnya arial</font></body>
</html>

setelah disimpan dan di buka menggunakan browser maka hasilnya seperti ini 



keterangan :
untuk ukuran huruf kita gunakan <font size=""> ditutup dengan </font> untuk ukuran huruf rentangnya adalah dari 1 (paling kecil) sampai 7 (paling besar)
untuk memberi warna kita gunakan <font color="">ditutup dengan </font> untuk memberi warna kita bisa gunakan nama warnaya atau juga memggunakan kode warna
untuk jenis hurufnya kita gunakan <font face=""> ditutup dengan </font>

untuk membuat paragraf kita gunakan tag <p> dan diakhiri </p> lebih jelasnya kita latihan menggunakan script berkut :


<html>
<head><title>Belajar Pemformatan Text Bag 2</title></head>
<body>
<font size="6">Latihan Pemformatan Text Paragraf</font>
<p>ini contoh pemformatan text membuat paragraf, ini contoh pemformatan text membuat paragraf,
ini contoh pemformatan text membuat paragraf,ini contoh pemformatan text membuat paragraf,
ini contoh pemformatan text membuat paragraf,ini contoh pemformatan text membuat paragraf,
ini contoh pemformatan text membuat paragraf,ini contoh pemformatan text membuat paragraf</p>
<p style="text-align:center">ini contoh pemformatan text membuat paragraf, ini contoh pemformatan text membuat paragraf,
ini contoh pemformatan text membuat paragraf,ini contoh pemformatan text membuat paragraf,
ini contoh pemformatan text membuat paragraf,ini contoh pemformatan text membuat paragraf,
ini contoh pemformatan text membuat paragraf,ini contoh pemformatan text membuat paragraf</p>
<p style="text-align:justify; font-size:16px; color:blue; font-family:comic sans ms">ini contoh pemformatan text membuat paragraf, ini contoh pemformatan text membuat paragraf,
ini contoh pemformatan text membuat paragraf,ini contoh pemformatan text membuat paragraf,
ini contoh pemformatan text membuat paragraf,ini contoh pemformatan text membuat paragraf,
ini contoh pemformatan text membuat paragraf,ini contoh pemformatan text membuat paragraf</p>
</body>
</html>

setelah disimpan dan di buka menggunakan browser maka hasilnya seperti ini 



keterangan :

pada paragraf pertama yang menggunakan tag <p> dan diakhiri </p> saja maka secara default membentuk paragraf dengan default rata kiri

pada paragraf ke dua tag <p style="text-align:center"> maka akan membuat paragraf menjadi rata tengah

pada paragraf ke tiga tag <p style="text-align:justify; font-size:16px; color:blue; font-family:comic sans ms"> maka akan membuat paragraf menjadi rata kanan kiri, ukuran font 16 pixel, warna text biru dan jenis huruf comic sans ms

khusus untuk tag paragraf :
untuk ukuran font bisa menggunakan px, pt, % dan em contoh:

<p style="font-size:16px">Tulisan dengan ukuran 16px</p>
<p style="font-size:100%">Tulisan dengan ukuran 100%</p>
<p style="font-size:1em">Tulisan dengan ukuran 1em</p>
<p style="font-size:12pt">Tulisan dengan ukuran 12pt</p>

untuk warna bisa menggunakan nilai rgb,kode warna dan nama warna contoh :

<p style="color:rgb(0,128,0)">Membuat warna tulisan dengan Nilai RGB</p>
<p style="color:#008000">Membuat warna tulisan dengan Kode Warna</p>
<p style="color:blue">Membuat warna tulisan dengan Nama Warna</p>

Demikian artikel pemformatan text pada html, mohon maaf jika ada salah-salah kata, semoga bermanfaat dan selamat mencoba

Wassalamualaikum wr.wb

0 Response to "Belajar Pemformatan Text Pada Html Bagian 2"

Post a Comment

Berkomentarlah dengan sopan dan sesuai dengan topik yang dibahas
Semua komentar yang masuk akan dimoderasi dulu sebelum ditampilkan