Iklan Pinky UI
Era Material https://era-material.blogspot.com/2018/10/the-shortcodes-demo-like-text-formatting.html

The shortcodes demo like a text formatting

The shortcodes demo like a text formatting

Paragraphs

Below is example paragraph with p tag.


Lorem ipsum dolor sit amet consectetur adipiscing elit donec faucibus, scelerisque vivamus nisl ac velit nostra nibh primis class, ligula phasellus id diam volutpat non etiam dapibus.

Lorem ipsum dolor sit amet consectetur adipiscing elit donec faucibus, scelerisque vivamus nisl ac velit nostra nibh primis class, ligula phasellus id diam volutpat non etiam dapibus.


Headings

Below is an example of the headings h1 to h6 tags. You need to know, for h1 has been used, and below just example! So h1 can only be used on one page. Don't add more h1 tag!

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6

Below is combination a link with headings.

Link heading h1

Link heading h2

Link heading h3

Link heading h4

Link heading h5
Link heading h6

Styling Text

Default html element to styling text in your posts.

abbr abbr
Citation cite
Bold b
Italic i
Strong strong
Emphasis em
Small small
Underline u
Deleted del
inserted ins
Strikethrough s
The Subscripted text sub
The Superscripted text sup
Marked/Highlighted mark
x = y + 2 var
time
(Kan)(ji) ruby

Text Formatting

Below is an example of formatting the text like blockquote, pre, code, etc. The pre, code, kbd, and samp tags has includes double click events to select all text.

Blockquote

Use blockquote with small, span or footer.

Lorem ipsum dolor sit amet consectetur adipiscing elit, urna etiam lacus. Era Material

Pre

The pre tags has includes with copy to clipboard event with clipboardjs plugin.
This is default pre tag

Code

You see a code tag.

Kbd

You see a kbd tag and kbd with code

Samp

This is a samp tag.


List items

Below is unordered list items, marked with bullets. A list starts with the ul tag. Each list item starts with the li tag.

  • One
  • Two
  • Three
  • Four
  • Five
  • Six

Below is ordered list items, marked with numbers. A list starts with the ol tag. Each list item starts with the li tag.

  1. One
  2. Two
  3. Three
  4. Four
  5. Five
  6. Six

Media

Responsive a media embed like iframe.



Complete information about this demo and other the component demos, please visit The component demo.

Share this post:

Reactions:
9 Comments

Please read our Comment Policy before commenting. 🙌

Horizontal Ad Space

Subscribe to our newsletter

Notification