Format Teks HTML

Format Teks HTML

Format teks untuk membuat paragraf pada HTML adalan <p>, untuk menuliskan baris baru di dokumen HTML, tulis kode berikut

<p>Belajar membuat paragraf pada HTML dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>ngan baris baru.<br>Ini baris baru yang lain.</p>

Hasil :

Jadi untuk membuat paragraf pada HTML adalah tag elemen <p>...</p>, dan untuk membuat baris baru adalah tag <br>, perlu diketahui bahwa sebagian tag HTML ada yang tidak memerlukan tag penutup, sebagai contoh adalah <br> ada juga <hr> untuk membuat garis horisontal, <img> untuk menyisipkan gambar kedalam dokumen HTML.

Berikut adalah format tulisan yang biasa digunakan di dalam HTML.

Membuat tulisan dengan effek mesin ketik

<tt>Teks mesin ketik</tt>

Hasil :

Membuat tulisan tebal dengan tag <b> dan tag <strong>

<b>Teks tebal (bold)</b>
<strong>Teks tebal dengan perintah Strong</strong>

Hasil :

Membuat tulisan miring dengan tag <i> dan tag <em>

<i>Teks dengan italic (miring)</i>
<em>Teks miring dengan perintah Emphasized</em>

Hasil :

Membuat tulisan bergaris bawah

<u>Teks bergaris bawah (underline)</u> 

Hasil :

Membuat teks tercoret

<strike>Teks tercoret (strike)</strike> 

Hasil :

Membuat tulisan lebih besar dan lebih kecil dari normal

<big>Teks lebih besar dari normal</big>
<small>Teks lebih kecil dari normal</small> 

Hasil :

Membuat subscript atau superscript yaitu tulisan yang posisinya lebih rendah atau lebih tinggi dari text normal

Lambang Molekul Air adalah H₂O
Hasil dari 10²=100 

Hasil :

Untuk menampilkan tulisan sesuai dengan format aslinya digunakan tag <pre>...</pre>, misalnya jika kita ingin menuliskan syair sebuah lagu atau puisi:

<pre>
   Judul Puisi
   Bait satu
   Bait satu
      Bait dua
      Bait dua
   Bait tiga
   Bait tiga
      Bait empat
      Bait empat
</pre>

Hasil :

Dengan berkembangnya teknologi ada beberapa tag dan atribut HTML yang sudah usang atau tidak layak di pakai atau dalam bahasa Inggris-nya Deprecated Tags. Ada sebagian yang sudah ditiadakan atau sebagian memang ada alternatife penggantinya. Untuk melihat lis dari tag-tag yang sudah usang ini dapat di lihat di artikel tentang deprecated tag dan atribut

Sebagai contoh tag <b> alternatifnya bisa menggunakan tag <strong> atau atribut style dengan properti font-weight.

<p><strong>Tulisan ini tebal</strong></p>
<p style="font-weight:bold">Tulisan ini juga tebal</p> 

Hasil :

Untuk tag <strike> (teks tercoret) dan tag <u> (underline) dapat diganti dengan properti text-decoration.

<p style="text-decoration:line-through;">Contoh teks tercoret</p>
<p style="text-decoration:underline;">Contoh teks dengan garis bawah</p> 

Hasil :

Berikut adalah contoh text-decoration yang lainnya.

<p style="text-decoration:overline;">Contoh teks dengan garis atas</p>
<p style="text-decoration:blink;">Contoh teks berkedip</p>

Hasil :

Untuk mengubah teks dari huruf besar menjadi huruf kecil dan sebaliknya digunakan properti text-transform.

<p style="text-transform:uppercase">tulisan ini aslinya adalah huruf kecil dengan text-transform:uppercase semuanya menjadi huruf besar.</p>

Hasil :

Dan sebaliknya

<p style="text-transform:lowercase">TULISAN INI ASLINYA ADALAH HURUF BESAR DENGAN TEXT-TRANSFORM:LOWERCASE SEMUANYA MENJADI HURUF KECIL.</p> 

Hasil :

<p style="text-transform:capitalize">text-transform:capitalize akan membuat setiap huruf di awal kata menjadi huruf besar.</p> 

Hasil :

Kemudian untuk memposisikan teks digunaka properti text-align

<p style="text-align:left">Membuat teks ke kiri</p>
<p style="text-align:center">Membuat teks di tengah</p>
<p style="text-align:right">Membuat teks ke kanan</p> 

Hasil :

Gunakan style yang sama untuk membuat tulisan rata kiri, di tengah dan rata kanan dan untuk membuat rata kiri dan kanan ganti nilai atau value-nya dengan justify.

<p style="text-align:justify">Gunakan style yang sama untuk membuat tulisan rata kiri, di tengah dan rata kanan dan untuk membuat rata kiri dan kanan ganti nilai atau value-nya dengan justify.Gunakan style yang sama untuk membuat tulisan rata kiri, di tengah dan rata kanan dan untuk membuat rata kiri dan kanan ganti nilai atau value-nya dengan justify..</p> 

Hasil :

Sekian Postingan saya kali ini tentang Format Teks HTML semoga bermanfaat Salam Admin-M

Dukung Kami Dengan LIKE FansPage Kami Disini

Jangan lupa Follow juga OA Algoritma Disini

Share this :