Format Paragraf Pada HTML
Paragraph Formatting
Tag paragraph dan pemformatan teks merupakan tag yang paling sering digunakan dalam pembuatan web, sebab pada umumnya informasi berupa teks.
Tag paragraph <p> merupakan tag penunjuk setiap paragraph baru.
Secara default, tag paragraph <p> akan membuat paragraph rata kiri, untuk merubahnya dapat ditambahkan atribut align pada tag paragraph.
Paragraph Biasa
Script:
<p>Ini adalah contoh paragraf biasa. Ini adalah contoh paragraf biasa. Ini adalah contoh paragraf biasa. Ini adalah contoh paragraf biasa.Ini adalah contoh paragraf biasa. Ini adalah contoh paragraf biasa. Ini adalah contoh paragraf biasa. Ini adalah contoh paragraf biasa.</p>
Gambar hasil script Paragraph Biasa
Paragraph Rata Kanan
Script:
<p align = right>Ini adalah contoh paragraf biasa dengan alignment right. Ini adalah contoh paragraf biasa dengan alignment right. Ini adalah contoh paragraf biasa dengan alignment right. Ini adalah contoh paragraf biasa dengan alignment right.</p>
Gambar hasil script Paragraph Rata Kanan
Paragraph Rata Tengah
Script:
<p align = center>Ini adalah contoh paragraf biasa dengan alignment center. Ini adalah contoh paragraf biasa dengan alignment center. Ini adalah contoh paragraf biasa dengan alignment center. Ini adalah contoh paragraf biasa dengan alignment center.</p>
Gambar hasil script Paragraph Rata Tengah
Paragraph Blockquote
Script:
<blockquote>Ini adalah contoh paragraf blockquote. Ini adalah contoh paragraf blockquote. Ini adalah contoh paragraf blockquote. Ini adalah contoh paragraf blockquote. Ini adalah contoh paragraf blockquote. Ini adalah contoh paragraf blockquote. Ini adalah contoh paragraf blockquote. Ini adalah contoh paragraf blockquote.</blockquote>
Gambar hasil script Paragraph Blockquote
Paragraph Preformatted
Script:
<pre>
Ini adalah contoh preformatted paragraph. Ini adalah contoh preformatted paragraph.
Ini adalah contoh preformatted paragraph. Ini adalah contoh preformatted paragraph.
Ini adalah contoh preformatted paragraph. Ini adalah contoh preformatted paragraph. </pre>
Gambar hasil script Preformatted
Font Formatting
Size/ ukuran font:
1 .. 7 - kecil ke besar.
+n - ukuran font terakhir ditambah sejumlah n.
-n - ukuran font terakhir dikurangi sejumlah n.
Setiap browser memiliki default font setting - jenis font, ukuran dan warnanya. Defaultnya kemungkinan Times New Roman 12pt (yang sama dengan nilai 3) dan warnanya hitam
Jarak antar font
mono-spaced font atau Typewriter Text
Semua jenis huruf menggunakan lebar yang sama
Script:
<font face = "courier new“ size = "7“ color = "red"> Ini adalah contoh font courier new ukuran 3 warna merah. </font>
Gambar hasil script diatas
Penggunaan Font Face tersebut hanya akan ditampilkan bila font di komputer, jika belum akan ditampilkan defaultnya.
Script:
font face = "comic sans ms“ size = "+2“ color = "green"> Ini adalah contoh font comic sans ukuran +2 warna hijau.</font>
Gambar hasil script diatas
Script:
<font face = "tahoma“ size = "-4“ color = "blue"> Ini adalah contoh font tahoma ukuran -4 warna biru. </font>
Gambar hasil script diatas
Tips penulisan Tag
- Gunakan huruf kecil untuk penulisan tag dan atribut
- World Wide Web Consortium (W3C) recommends lowercase tags
- Selalu isikan nilai atribut yang didefinisikan.
- Jika menggunakan nested tag (tag bersusun) jangan sampai overlapping (bersilangan)
Contoh penulisan Tag
Posting Komentar