Pemformatan Teks HTML - Praktikum 3

Hallo, Brother and Sister,
Pada kesempatan kali ini saya akan membagikan tutorial(sekaligus tugas sekolah) yang masih berlabel Teknologi. Postingan ini merupakan lanjutan dari post sebelumnya yaitu mengenai Tag - tag di HTML. Langsung saja ya, Berikut tutorialnya :

Format Teks

Dalam HTML banyak sekali tag - tag untuk format teks/tulisan seperti bold, italic, dll. untuk lebih jelasnya berikut adalah Codingannya :

 & --> untuk menebalkan tulisan
 & --> untuk memiringkan tulisan
<big></big> --> untuk membuat tulisan besar
--> untuk membuat kecil dan disimpan dibawah
--> untuk membuat kecil dan disimpan diatas

Berikut adalah Screenshoot hasilnya :

2. Pre Format

Pre Format ini biasanya digunakan untuk membuat daftar harga, atau juga cocok digunakan untuk menampilkan kode bahasa pemrograman karena menampilkan spasi dan line break seadanya. Tag-nya yaitu <pre> </pre>. Berikut adalah Codingan beserta Screenshoot hasilnya :

Oh iya, bgcolor itu untuk warna background dan <gfont face=""> itu untuk nama jenis font yang digunakan. Contoh Kedua :

Jika anda menggunakan tag <pre></pre> ini maka tulisanny akan seperti contoh diatas menjorok kedalam seperti menggunakan Tab.

3. Quatation Text

Quatation text ini digunakan untuk menuliskan teks dengan style/gaya seperti quotes. Tag-nya yaitu <blockquote> text </blockquote>. Untuk lebih jelasnya, berikut adalah codingan dan Screenshoot hasilnya :

Jadi tulisannya itu seperti menggunakan tab.
Selain tag - tag diatas ada juga tag - tag yang lain seperti :

--> untuk tulisan kecil
<ins> --> untuk teks sisipan
<del> --> untuk teks dicoret
<code> --> untuk teks kode komputer
<kbd> --> mendefinisikan teks keyboard
<samp> --> untuk teks contoh kode
<var> --> mendefinisikan teks variabel
<abbr> --> untuk sebuah singkatan
<addess> --> untuk alamat/kontak informasi
<bdo> --> mendefinisikan arah teks
<q> --> untuk kutipan pendek
<cite> --> mendefinisikan judul karya
<dfn> --> untuk sebuat istilah definisi

Berikut contoh Codingan dan Screenshoot hasilnya yang lain :

Ada juga tag <center> untuk atur posisi menjadi ditengah dan untuk nambah baris(fungsinya sama dengan tombol Enter pada keyboard.
Oke segitu saja postingan dari saya untuk kali ini. Mohon maaf bila ada kesalahan, semoga bermanfaat untuk anda. Apabila ada komentar / masukan bisa diisi di kolom komentar. Sampai jumpa di postingan berikutnya dan jika menurut anda Postingan ini bermanfaat bisa diShare ke teman - teman anda.