Typography

Table of Content

Daftar Isi

• Table of Content

• Headings

• Heading

• Sub Heading

• Minor Heading

• Basic Text Styling

• Table

• Blockquote

• Accordion Menu

• Ordered List

• Unordered List

• Responsive Lazyload Image

• Image with Caption

• Responsive Iframe

• Buttons

• Syntax Highlighter

Headings

Major Heading

Heading

Sub Heading

Minor Heading

Basic Text Styling

This is example of external hyperlink with <a> tag.

This is example of text with <abbr> tag.

This is example of text with <b> tag.

This is example of text with <cite> tag.

This is example of text with <code> tag.

This is example of text with <del> tag.

This is example of text with <dfn> tag.

You may like these posts: Ini Contoh Table of Content Otomatis

This is example of text with <em> tag.

This is example of text with <i> tag.

This is example of text with <ins> tag.

This is example of text with <mark> tag.

This is example of text with <mark> tag and class='red' attribute.

This is example of text with <mark> tag and class='green' attribute.

This is example of text with <mark> tag and class='blue' attribute.

You may like these posts: Contoh Artikel Biasa Untuk Update Tanpa Thumbnail

This is example of text with <mark> tag and class='aqua' attribute.

This is example of text with <mark> tag and class='purple' attribute.

This is example of text with <mark> tag and class='gray' attribute.

This is example of text with <q> tag.

This is example of text with <s> tag.

This is example of text with <samp> tag.

This is example of text with <small> tag.

You may like these posts: Typography

This is example of text with <strike> tag.

This is example of text with <strong> tag.

This is example of text with <sub> tag.

This is example of text with <sup> tag.

This is example of text with <u> tag.

This is example of text with <var> tag.

Table

Name	Age	Country
Roni	21 years old	Indonesia
Angela	17 years old	USA
Astrid	23 years old	Thailand

Blockquote

I left because you are not right.

I left because you are not right.Unknown

Accordion Menu

Show Details

Here is the content of the accordition. This widget is using the HTML tag <details and <summary>.

Ordered List

1. Armenian
   1. Item 1
   2. Item 2
   3. Item 3
2. CJK-Ideografik
   1. Item 1
   2. Item 2
   3. Item 3
3. Decimal
   1. Item 1
   2. Item 2
   3. Item 3

Unordered List

• Circle
  • Item 1
  • Item 2
  • Item 3
• Disc
  • Item 1
  • Item 2
  • Item 3
• Square
  • Item 1
  • Item 2
  • Item 3

Responsive Lazyload Image

Image with Caption

This is the Caption

Responsive Iframe

Buttons

Donwload Donwload with Effect Download Demo Install Install Install Play Video Listen Podcast Call Us WhatsApp Us

Syntax Highlighter

Put your code here