Typography ini dimaksudkan untuk gaya penulisan pada konten atau postingan suatu paragraf. Terdapat beberapa gaya yang dapat digunakan, seperti paragraf teks indent atau paragraf teks drob cap. Untuk cara membuatnya perhatikan cara berikut ini:
Paragraf Teks Indent
Indentasi teks merupakan teknik penataan paragraf dengan memberikan ruang kosong di awal kalimat yang berfungsi sebagai penanda visual penting untuk menunjukkan dimulainya gagasan atau paragraf baru. Dengan menggeser posisi awal huruf lebih masuk ke dalam dari margin standar, pembaca dapat dengan mudah membedakan batas antar-paragraf, sehingga alur bacaan menjadi lebih terstruktur dan kenyamanan membaca naskah secara keseluruhan meningkat.
Cara membuat teks indet pada paragraf di konten blog
Kode:
<p class="indent">Morbi iaculis nisl feugiat nisl aliquam, ac imperdiet ante condimentum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc ex urna, interdum nec fermentum vitae, dictum nec odio.</p>
<p class="indent">Nunc lobortis, turpis sed fringilla condimentum, orci est sodales ipsum, et bibendum diam nulla nec lectus. Nullam a est massa. Pellentesque maximus commodo mollis. Phasellus viverra ullamcorper elit, vitae vehicula nisi iaculis at. Etiam efficitur porta pellentesque. Integer dictum leo porta nisi malesuada, at tempus est luctus.</p>
Hasil
Morbi iaculis nisl feugiat nisl aliquam, ac imperdiet ante condimentum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc ex urna, interdum nec fermentum vitae, dictum nec odio.
Nunc lobortis, turpis sed fringilla condimentum, orci est sodales ipsum, et bibendum diam nulla nec lectus. Nullam a est massa. Pellentesque maximus commodo mollis. Phasellus viverra ullamcorper elit, vitae vehicula nisi iaculis at. Etiam efficitur porta pellentesque. Integer dictum leo porta nisi malesuada, at tempus est luctus.
Paragraf Teks Drop Cap
Drop cap (singkatan dari dropped capital) adalah huruf kapital berukuran besar yang ditempatkan di awal paragraf untuk menghias dan menandai dimulainya sebuah bab atau artikel. Huruf pertama ini sengaja dibuat mencolok dengan ukuran yang menghabiskan ruang beberapa baris teks di bawahnya. Gaya penulisan ini sering ditemukan pada artikel majalah, koran, novel, dan dokumen formal lainnya untuk menarik perhatian pembaca serta memberikan kesan estetis yang profesional.
Cohtoh Paragraf Teks Drop Cap
Morbi iaculis nisl feugiat nisl aliquam, ac imperdiet ante condimentum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc ex urna, interdum nec fermentum vitae, dictum nec odio.
Nunc lobortis, turpis sed fringilla condimentum, orci est sodales ipsum, et bibendum diam nulla nec lectus. Nullam a est massa. Pellentesque maximus commodo mollis. Phasellus viverra ullamcorper elit, vitae vehicula nisi iaculis at. Etiam efficitur porta pellentesque. Integer dictum leo porta nisi malesuada, at tempus est luctus.
Cara membuat Teks Drop Cap
<p class="dropcap">Morbi iaculis nisl feugiat nisl aliquam, ac imperdiet ante condimentum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc ex urna, interdum nec fermentum vitae, dictum nec odio.</p>
<p>Nunc lobortis, turpis sed fringilla condimentum, orci est sodales ipsum, et bibendum diam nulla nec lectus. Nullam a est massa. Pellentesque maximus commodo mollis. Phasellus viverra ullamcorper elit, vitae vehicula nisi iaculis at. Etiam efficitur porta pellentesque. Integer dictum leo porta nisi malesuada, at tempus est luctus.</p>
Styling Teks
Styling text (penataan gaya teks) adalah proses mengubah tampilan visual huruf dan tulisan agar lebih menarik, estetis, dan mudah dibaca. Proses ini melibatkan pengaturan berbagai elemen teks seperti pemilihan jenis huruf (font), ukuran, warna, ketebalan (bold), kemiringan (italic), garis bawah (underline), hingga jarak antar-huruf atau antar-baris. Tujuan utamanya adalah untuk memberikan penekanan pada informasi penting, menciptakan hierarki visual yang jelas, dan memperkuat pesan atau identitas visual dari sebuah dokumen, desain grafis, maupun halaman situs web.
Contoh Styling Teks
Press Ctrl + C to copy text
Example of Link text
Example of Link new tab text
Example of abbr text
Example of highlight text
Example of deleted text
Example of bold text
Example of italic text
Example of underlined text
Example of subscripted text
Example of superscripted text
Cara Membuat Styling Teks
<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text</p>
<p>Example of <a href="#">Link</a> text</p>
<p>Example of <a href="#" target="_blank">Link new tab</a> text</p>
<p>Example of <abbr title="Abbreviation">abbr</abbr> text</p>
<p>Example of <mark>highlight</mark> text</p>
<p>Example of <del>deleted</del> text</p>
<p>Example of <b>bold</b> text</p>
<p>Example of <i>italic</i> text</p>
<p>Example of <u>underlined</u> text</p>
<p>Example of <sub>subscripted</sub> text</p>
<p>Example of <sup>superscripted</sup> text</p>
Paragraf Teks Blockquote
Blockquote adalah elemen format yang digunakan untuk menampilkan kutipan panjang yang diambil dari sumber lain, seperti pernyataan tokoh, kutipan buku, atau dokumen resmi. Agar berbeda dari teks utama, blockquote biasanya ditampilkan dalam satu blok paragraf utuh yang posisi margin kiri dan kanannya dibuat menjorok ke dalam (diindentasi).
Contoh Teks Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Cara Membuat Teks
<blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</blockquote>
Beberapa tampilan mungkin berbeda, tergantung pada masing-masing template atau tema website.
Khoiru Addien

Tidak ada komentar