Format Teks Artikel

 

Pada artikel ini admin ingin menunjukan tampilan sebuah postingan dengan berbagai format teks.

Format teks

Berikut adalah tampilan teks formatting pada template dcodetext,

<div>Ini adalah normal teks</div>

<p>Ini Adalah paragraf teks<p> 

<h1>Ini adalah judul utama<h1>

<h2>Ini Adalah judulini adalah teks kode</h2>

<h3>Ini adalah sub judul</h3>

<h4>Ini adalah judul kecil</h4>

<code>ini adalah teks kode</code>

<strike>Ini adalah teks dicoret</strike>

<b>Ini adalah teks tebal</b>

<i>Ini adalah teks miring</i>

<u>Ini adalah teks bergaris bawah</u>

<span style="background-color: #fcff01;">Ini adalah highlight teks</span>

<a href="#">Ini adalah teks hyperlink</a>

<blockquote>Ini adalah  sebuah kutipan atau quote</blockquote>

Table

Berikut adalah tampilan table pada template dcodetext

No	Nama	Email	Status
1	Joe	joe@mail.com	aktif
2	Alex	alex@mail.com	aktif
3	Steve	steve@mail.com	aktif
4	Mark	mark@mail.com	nonaktif

Cara membuat sebuah tabel kamu hanya perlu menambahkan class dc-table pada tag table

contohnya <table class='dc-table'>....</table>

Ordered List

1. item pertama
2. item kedua
3. item ketiga

Unordered List

• item pertama
• item kedua
• item ketiga
• Nested List

Nested List

1. Item Pertama
   
   1. sub item pertama
   2. sub item kedua
   3. sub item ketiga
2. Item Kedua
   • sub item pertama
   • sub item kedua
   • sub item ketiga

Syntax Highlight

<pre><code>Tulis kode yang ingin di high</code></pre>

Form

Cara membuatnya yaitu dengan menambahkan class dc-field dan dc-button

<input class="dc-field" type="text" /> <button class="dc-button">Button</button>

Berikutnya kita akan coba membuat sebuah table of content atau daftar isi pada sebuah artikel.