Pemformatan Teks dan Paragraf Web

Berbicara mengenai pemformatan Greader, performatan itu Greader merupakan penambahan sentuhan pada teks untuk membuat teks mudah di baca dan lebih menarik. Pemformatan teks pada halaman web itu Greader dapat dilakukan dengan berbagai cara. Bentuk huruf yang ditampilkan di halaman web juga bervariasi Greader.

Beberapa diantaranya Greader telah dihilangkan dari daftar tag HTML standar, namun Greader masih memungkinkan untuk ditampilkan pada beberapa browser tertentu

Pemformatan Teks.                                                                                                                            

Pemformatan teks adalah perubahan bentuk yang terjadi pada teks seperti menjadikannya miring, tebal, bergaris bawah, tercoret, subscript atau superscript dan lain sebagainya.

Pemformatan Paragraf                                                                                         

Nah performatan parageaf ini Greader tujuannya agar tampilan paragraf dalam halaman web terlihat rapi dapat menggunakan pemformatan sebagai berikut.

  1. Untuk mengelompokkan teks dalam suatu paragraf gunakan tag paragraf <p>teks</p>
  2. Untuk mengatur perataan suatu paragraf gunakan tag paragraf dengan fungsi align left <palign=”left>untuk rata kiri </p>, align right <p align=”right”>untuk rata kanan </p>, align center <palign=”center”> untuk rata tengah <p>, dan align justify <p align =”justify”>untuk rata kiri kanan </p>
  3. Text-indent digunakan untuk memberikan identifikasi ke dalam terhadap teks. Nilai negatif tidak diperbolehkan . Pada contoh di bawah menggunakan text-indent sebesar 25px.

Contoh :

  1. Rata Tengah
  2. Rata Kiri
  3. Rata Kanan
  4. Rata Kiri dan Kanan
  5. Text Indent

HTML Pemformatan Teks

  1. <b> (Mendefinisikan teks tebal)
  2. <i> ( Mendefinisikan teks miring)
  3. <em> (Mendefinisikan teks menekankan)
  4. <strong> (Mendefinisikan teks penting)
  5. <small> (Mendefinisikan teks kecil)
  6. <sup> (Mendefinisikan teks di atas garis)
  7. <sub> (Mendefinisikan teks di bawah garis)
  8. <ins> (Mendefinisikan teks sisipan)
  9. <mark> (Mendefinisikan teks di tanfdai)
  10. <del> (Mendefinisikan teks di coret)

HTML “Keluaran Komputer”

  1. <code> (Mendefinisikan teks kode komputer)
  2. <samp> (Mendefinisikan teks contoh kode)
  3. <kbd> (Mendefinisikan teks keyboard)
  4. <pre> (Mendefinisikan teks terformat)
  5. <var> (Mendefinisikan teks variabel)

HTML Citations, Quotations, and Definition Tags

  1. <abbr> (Mndenifisikan sebuah singkatan )
  2. <bdo> (Mendefinisikan arah teks)
  3. <address> (Mendefinisikan alamat atau kontak informasi)
  4. <blockquote> (Mendefinisikan sebuah bagian yang di kutip dari sumber lain)
  5. <dfn> (Mendefinisikan sebuah istilah defenisi)
  6. <cite> (Mendefinisikan judul karya)
  7. <p> (Mendefinisikan sebuah kutipan pendek)

Contoh Performatan Teks Pada HTML                                              

1. Bold dan Strong 

Bold dan strong di tandai dengan <b> dan <strong>, kedua tag ini menghasilkan tampilan yang sama yaitu format tebal. Cara penggunanya mudah , yaitu dengan meletakkan ini pada bagian depan dan belakang dari teks yang akan di format, tentunya dengan pembuka dan penutup

2. Italic dan Emphasis                                                                                                 

Italic dan emphasis menghasilkan tampilan yang sama juga yaitu format miring. Yang di gunakan adalah <i> dan <em>

3. Underlinne

Seperti namanya, di gunakan untuk membuat garis bawah pada teks. Yang di gunakan adalah <u>.  Cukup meletakkan tag pembukaan dan penutupnya pada bagian depan dan belakang teks yang akan di format garis bawah , sama seperti cara penulisan sebelumnya.

Teks Prefor

Jarak antar kata suatu teks atau kalimat di dalam dokumen web adalah sebesar satu spasi. Jarak antar kata atau kalimat di dalam browser web adalah satu spasi, berapa pun jumlah spasi ataupun jumlah baris dan dokumen web yang sesungguhnya.

Agar browser web menampilkan sesuai dengan dokumen web tersebut di dalam editor teks, maka teks yang bersangkutan harus di beri tanda <pre> di awalnya, dan </ptre> di akhir teks yang bersangkutan.

Tipe daftar dalam dokumen HTML

Dalam dokumen HTML, tipe daftar di bedakan menjadi tiga,  yaitu

  1. Daftar berurutan (orderat list)
  2. Daftar tidak berurutan (unordered list)
  3. Daftar definisi (defenition list)

Dengan berkembangnya teknologi ada beberapa tag dan atribut HTML yang sudah usang atau tidak layak di pakai atau dalam bahasa inggris-nya Tags. Ada sebagian yang sudah ditiadakan atau sebagian memang ada alternatif penggantinya.

 

 

Penulis : Kelvin

Sukai/Like Fan Page Facebook Garuda Cyber Indonesia

Subscribe Channel Youtube Garuda Cyber Indonesia

Follow Instagram Garuda Cyber Indonesia

Chat Wa

Artikel Terpopuler

Definisi Struktur Kontrol Perulangan Dalam Pemrograman Dan Contohnya

Pada dasarnya perulangan pada pemrograman yang sama dengan perulangan bahasa pemrograman lainnya. Struktur kontrol perulangan yang dipakai memilki suatu fungsi dari program yang akan dijalankan secara berulang. Contohnya anda ingin membuat tampilan nama anda sebanyak 100 kali, tentu akan sangat lama jika anda menuliskan kode program secara dengan manual. Dengan struktur kontrol perulangan bisa menampilkan dengan nama sebanyak 100 kali...