Dalam pemformatan teks, HTML memiliki beberapa tag untuk menampilkan output tertentu seperti cetak tebal, cetak miring dll.

Selain itu HTML juga memiliki tag yang mendefinisikan elemen spesial untuk menampilkan text yang mengandung makna khusus.

Beberapa tag yang digunakan untuk pemformatan teks diantaranya :
< b > Menampilkan teks dengan cetak tebal
< strong > Menampilkan teks dengan cetak tebal dengan makna "penting"
< i > Menampilkan teks dengan cetak miring
< em > Menampilkan teks dengan cetak miring dengan makna "penting"
< mark > Menampilkan teks dengan latar belakang warna kuning
< small > Menampilkan teks dengan cetak lebih kecil
< del > Menampilkan teks dengan tanda dicoret dengan garis tengah
< ins > Menampilkan teks dengan tanda garis bawah
< sub > Menampilkan teks dengan posisi agak kebawah
< sup > Menampilkan teks dengan posisi agak keatas (seperti pangkat)
< q > Menampilkan teks dengan makna kutipan singkat
< blockquote > Menampilkan teks dengan makna kutipan lengkap
< abbr > Menampilkan teks dengan makna singkatan atau akronim
< address > Menampilkan teks dengan makna alamat
< cite > Menampilkan teks dengan makna yang mendefinisikan judul hasil karya
< bdo > Menampilkan teks dengan penulisan dari kanan ke kiri atau sebaliknya

Apa itu paragraf?

Salah satu elemen pembangun laman sebuah website adalah paragraf. Paragraf itu sendiri adalah blok yang terdiri dari satu atau beberapa kalimat yang diakhiri oleh enter yang akan memberikan aksi ganti baris.

TAG paragraf

Dalam sebuah laman web, paragraf dapat dikodekan menggunakan TAG
< p > isi paragraf < / p >
Semua kalimat yang berada didalam TAG < p > akan muncul pada halam web sebagai sebuah paragraf.

Untuk efek ganti baris dalam satu paragraf, anda bisa menggunakan TAG < br > pada titik dimana anda akan menambahkan efek ganti baris

Atribut sebuah paragraf

Hanya dengan menggunakan tag < p > saja saja sudah dapat menampilkan paragraf, Namun apabila anda ingin membuat tampilan paragraf lebih cantik, ada beberapa atribut yang bisa anda gunakan, diantaranya :

  1. Title
  2. Atribut ini memberikan informasi tambahan pada sebuah paragraf, pada halaman web akan muncul sebagai tool tip. Contoh penulisan adalah sebagai berikut :
    < p title="Contoh tooltip" > Isi paragraf < /p >
  3. Style
  4. Atribut ini memberikan beberapa efek pada paragraf seperti ukuran huruf, warna huruf dan lain-lain. Rumus penulisan atribut style adalah sebagai berikut :
    < p style="property:value;" > isi paragraf < /p >
    Atribut style ini memiliki beberapa properti diantaranya :
    1. color
    2. Ini adalah style properti untuk mengatur warna huruf
    3. font-family
    4. Ini adalah style properti untuk mengatur jenis huruf
    5. font-size
    6. Ini adalah style properti untuk mengatur ukuran huruf
    7. text-align
    8. Ini adalah style properti untuk mengatur perataan huruf
    9. background-color
    10. Ini adalah style properti untuk mengatur warna latar belakang
    11. padding
    12. Ini adalah style properti untuk mengatur jarak objek (text) dengan garis border
    13. margin
    14. Ini adalah style properti untuk mengatur jarak garis border dengan objek lain yang berbatasan langsung
    15. border
    16. Ini adalah style properti untuk mengatur tampilan garis yang mengelilingi objek
    17. width
    18. Ini adalah style properti untuk mengatur lebar objek
    19. height
    20. Ini adalah style properti untuk mengatur tinggi objek

Secara umum code html untuk paragraf dapat dituliskan sebagai berikut :
< p title="Contoh tooltip" style="color:white; font-family:verdana; font-size:11px; text-align:center; background-color:blue; padding:10px; margin: 50px; width:200px; height:100px; border: 5px solid green;"> Isi paragraf < /p >
Hasil dari code diatas adalah sebegai berikut :

Isi paragraf

Halaman 1 dari 2
.