Share the Knowledge!

Thanks to Oz Edri for the original post on the forums, which can be found here.


Markup tags are keywords which marks the text in order to design it and display it in a specific manner.
Using markup tags will allow us to post more designed, neat and ordered comments in a convenient manner that can suite our needs when posting comments, especially long ones.
There are a lot of posts in these forums which describe how to use markup tags, and even automatic scripts and extensions. Below there are links to some of them.
However, I couldn’t find one topic that summarizes and explains all of the allowed markup tags, so I’ll cover it in this topic.
Please note that while markup tags helps designing text in comments – it’s still far from perfect.
You’ll easily see some designing problems below since we can’t use spaces freely.
Nevertheless I hope this guide & reference will come handy to you 🙂

Allowed markup tags list

  1. a – creates a hyperlink.
  2. blockquote – creates an indented quote.
  3. code or backtick ( ` ) character – displays fixed-width text (usually for a piece of computer code).
  4. em – displays emphasized / italic text.
  5. strong – displays important / bold text.
  6. ul – creates an unordered list.
  7. ol – creates an ordered list.
  8. li – creates a list item.
  • Any markup tag should come between angle brackets (“<” and “>”). e.g. blockquote should come like this: <blockquote>
  • Any markup tag should come in pairs. The first tag in a pair is the start tag, and the second is the end tag, with slash (/) in its name beginning. e.g. blockquote should come like this: <blockquote>some quoted text</blockquote>

Examples

a – creating a hyperlink

Writing <a href="www.google.com">Google</a> will create a link to Google like this:

Google

You can also use this tag to color a text as a hyperlink, but without the function of a hyperlink.
Writing <a>Google</a> will display the text “Google” as hyperlink like this:
Google

Note that this time the text is not clickable – which means it doesn’t function as a hyperlink.

blockquote – creating an indented quote

Writing <blockquote>Oz said: Hi</blockquote> will quote the text: “Oz said: Hi” like this:

Oz said: Hi

code or backtick character – displaying fixed-width text

Writing <code>computer code</code> will display “computer code” like this:

computer code

You can replace the word code with the backtick character.

em – displaying italic text

Writing <em>text</em> will display “text” in italic like this:

text

strong – displaying bold text

Writing <strong>text</strong> will display “text” in bold like this:

text

ul – creating unordered list

Writing

<ul>
<li>sentence 1</li>
<li>sentence 2</li>
<li>sentence 3</li>
</ul>

will create this unordered list:

  • sentence 1
  • sentence 2
  • sentence 3

ol – creating ordered list

Writing

<ol>
<li>sentence 1</li>
<li>sentence 2</li>
<li>sentence 3</li>
</ol>

will create this ordered list:

  1. sentence 1
  2. sentence 2
  3. sentence 3

You can also create unordered nested lists.

Writing

<ul>
  <li>sentence 1</li>
  <li>sentence 2
    <ul>
      <li>sentence 2.1</li>
      <li>sentence 2.2
        <ul>
          <li>sentence 2.2.1</li>
          <li>sentence 2.2.2</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>sentence 3</li>
</ul>

will create this unordered nested list:

  • sentence 1
  • sentence 2
    • sentence 2.1
    • sentence 2.2
      • sentence 2.2.1
      • sentence 2.2.2
  • sentence 3

Useful links

I’m sure there are more posts in these forums, however, I listed the ones I met and used.

Nevertheless I appreciate anyone who helped in this manner since it helps others to post better and in a more convenient manner.

Share the Knowledge!

Helpful(0) Unhelpful(0)
  • Oz Edri

    Wow!
    I’m so amazed that my post on the forums made it to the Wiki !
    Thanks a lot for the appreciation 🙂