DeretCode|

Tips, Trik dan Tutorial
Seputar IT, Coding, Internet Marketing, Keahlian, Pendidikan, Hobi Dan Lainnya
Night :

Tutorial Lengkap Belajar Html # Format teks Html

advertisement
Belajar format teks html

Sebelumnya kita sudah belajar membuat paragraf artikel di html.
Untuk membuat paragraf yang kita buat tidak monoton, kita perlu belajar yang namanya text formatting(format teks) seperti menebalkan tulisan, membuat garis barwah, membuat tulisan miring dan lain sebagainya.
Yuk kita mulai tutorialnya

Tag-Tag Untuk Format Teks

Berikut adalah tag-tag yang bisa kita gunakan untuk mengganti format teks

Tag Keterangan Sering digunakan
<abbr> Digunakan untuk singkatan
<acronym> Hampir sama seperti abbr
<address> Digunakan untuk memuat teks alamat
<b> Digunakan untuk membuat teks tebal
<bdi> Merupakan teks yang diisolasi dari sekitarnya untuk keperluan pemformatan teks dua arah
<bdo> Digunakan untuk mengganti arah teks
<big> Digunakan untuk menampilkan teks dengan ukuran besar
<blockquote> Digunakan untuk membuat kutipan
<center> Digunakan untuk membuat teks di tengah 
<cite> Digunakan untuk menunjukkan kutipan atau referensi ke sumber lain (teks miring).
<code> Digunakan untuk meletakan kode programan
<del> Digunakan untuk menentukan blok teks yang dihapus
<dfn> Digunakan untuk mebuat definisi
<em> Digunakan untuk membuat teks penting 
<font> Digunakan untuk mengatur font teks
<i> Digunakan untuk membuat icon dan teks miring
<ins> Digunakan untuk menentukan blok teks yang talah dimasukan kedalam dokumen
<kbd> Digunakan untuk menentukan teks inputan dari keyboard
<mark> Digunakan untuk membuat highligt tejs
<output> Digunakan untuk menampilkan hasil dari kalkulasi
<pre> Digunakan untuk membuat blok teks
<progress> Digunakan untuk menampilkan progress
<q> Digunakan untuk menampilkan kutipan
<rp> Digunakan untuk memberikan tanda kurung mundur untuk browser yang tidak mendukung anotasi ruby.
<rt> Digunakan untuk menentukan pelafalan karakter yang disajikan dalam penjelasan ruby.
<ruby> Digunakan untuk membuat anotasi bahasa pemrograman ruby
<s> Digunakan untuk menampilkan teks yang dicoret
<samp> Digunakan untuk membuat teks sampel
<small> Digunakan untuk membuat teks dengan ukuran kecil
<strike> Digunakan untuk menampilkan teks dengan gaya ketat
<strong> Digunakan untuk membuat teks yang tebal
<sub> Digunakan untuk membuat sub teks (contoh: H2O)
<sup> Digunakan untuk mendefinisikan teks pangkat (contoh: E=mc2)
<tt> Digunakan untuk membuat teks style teletipe
<u> Digunakan untuk membuat teks bergaris bawah
<var> Digunakan untuk menentukan variabel
<wbr> Digunakan untuk membuat breakline ketika diperlukan

Kita tidak perlu mengingat semua tag di atas, karena memang tidak akan kita gunakan semuanya, ada beberapa yang fungsinya bisa digantikan oleh css.

Membuat Format Teks

Untuk melakukan format teks, kita hanya perlu meletakan teks tersebut di dalam elemen format teks di atas.
Berikut contoh kode format teks,
<!DOCTYPE html>
<html>
<head>
    <title>Tutorial Format Tejs</title>
</head>
<body>
   <p><font color="red">Format teks</font> atau yang lebih dikenal dengan istilah <b>text formatting</b> merupakan cara agar artikel lebih informatif.
   Format teks dapat membuat isi dari artikel <u>html</u> dapat tersampaikan dengan baik. Selein itu, halaman <i>website</i> yang kita buat
   akan terlihat jauh lebih menarik dari pada teks datar.
   </p>
</body>
</html>
Hasilnya,
Contoh teks format html

Sampai disini tutorial format teks html. Jika kalian merasa artikel ini bermanfaat silahkan klik tombol share. Jika ada pertanyaan atau ada hal yang ingin di sampaikan silahkan tulis di kolom komentar

advertisement



0 Komentar untuk " Tutorial Lengkap Belajar Html # Format teks Html"

Silahkan berkomentar dengan baik dan bijak!