HOW TO: Format your text (hyperlink, bold, etc.) when writing comments on websites.

Many people have asked me “Ashraf, how do you make the link say what you want when you post those comments?”. It is a question that has been asked of me over and over. Therefore, I have decided to write up this simple guide which contain information on how you can use very basic HTML code to enable you to do all the formatting I do when posting a comment on a website. All the HTML code mentioned here will work anywhere HTML is accepted, so it does  not have to be just when writing comments on websites.

This is not an all inclusive list and I will continue to update/add more code as I think of it or if someone suggests it. Keep in mind that some websites may have certain HTML code disabled so not all HTML code will work on all websites. But generally the following code will work in comment sections for most websites, including this website and giveawayoftheday.com.

Before we get to the list, know that I have color coded all the HTML code in the following list to appear in red so that it will stand out. You do not have to type in actual red text when you want to use any of the codes.

—————————————-

Make your link appear as words instead of the actual URL (i.e. hyperlink)

How:

  1. Type in the HTML code <a href=”[INSERT URL HERE]“>[INSERT TEXT HERE]</a>.
  2. Replace [INSERT URL HERE] with the URL you desire to link to.
  3. Replace [INSERT TEXT HERE] with the text you wish to be linked.

For example:

Typing in the HTML code <a href=”http://www.politicallymotivated.net”>Ashraf is cool.</a> will result in Ashraf is cool.

—————————————-

Make your text bold

How:

  1. Type in the HTML code <b>[INSERT TEXT HERE]</b>.
  2. Replaced [INSERT TEXT HERE] with the text you want to appear as bold.

For example:

Typing in the HTML code <b>PoliticallyMotivated.net.</b> will result in PoliticallyMotivated.net.

—————————————-

Make your text italic

How:

  1. Type in the HTML code <i>[INSERT TEXT HERE]</i>.
  2. Replace [INSERT TEXT HERE] with the text you want to appear italicized.

For example:

Typing in the HTML code <i>Welcome back.</i> will result in Welcome back.

—————————————-

Underline your text

How:

  1. Type in the HTML code <u>[INSERT TEXT HERE]</u>.
  2. Replace [INSERT TEXT HERE] with the text you want underlined.

For example:

Typing in the HTML code <u>Hello there.</u> will result in Hello there.

—————————————-

Cross out your text

How:

  1. Type in the HTML code <s>[INSERT TEXT HERE]</s>.
  2. Replace [INSERT TEXT HERE] with the text you want crossed out.

For example:

Typing in the HTML code <s>Ashraf sucks.</s> will result in Ashraf sucks.

—————————————-

Make a list of bullet statements

How:

  1. Type in the HTML code <ul><li>[INSERT TEXT HERE]</li></ul>.
  2. Replace [INSERT TEXT HERE] with the text that you want to bullet.
  3. If you want more then one bullet point, you need a <li>[INSERT TEXT HERE]</li> for every bullet statement. Place each code for a bullet one after another (you don’t have to list it like I do – all the code in one line will work fine):

<ul>

<li>[INSERT TEXT HERE1]</li>

<li>[INSERT TEXT HERE2]</li>

<li>[INSERT TEXT HERE3]</li>

</ul>

Replace [INSERT TEXT HERE1] with the text you want to appear in the first bullet,  [INSERT TEXT HERE2] with the text you want to appear in the second bullet and so on. You can have as many bullets as you want.

For example:

Typing in the HTML code:

<ul>

<li>Test1</li>

<li>Test2</li>

<li>Test3</li>

</ul>

Will result in:

  • Test1
  • Test2
  • Test3

Take note that the bullet list is indented a little bit (relative to the “Will” in “Will result in:”).

—————————————-

Make a list of numbered statements

How:

  1. Type in the HTML code <ol><li>[INSERT TEXT HERE]</li></ol>.
  2. Replace [INSERT TEXT HERE] with the text that you want numbered.
  3. If you want more then one numbered sentence, you need a <li>[INSERT TEXT HERE]</li> for every numbered statement. The numbering keeps increasing by one for every <li>[INSERT TEXT HERE]</li> that you have. Place each code for a numbered statement right after another (you don’t have to list it like I do – all the code in one line will work fine):

<ol>

<li>[INSERT TEXT HERE1]</li>

<li>[INSERT TEXT HERE2]</li>

<li>[INSERT TEXT HERE3]</li>

</ol>

Replace [INSERT TEXT HERE1] with the text you want to appear in the first numbered statement,  [INSERT TEXT HERE2] with the text you want to appear in the second numbered statement and so on. You can have as many numbered statements as you want.

For example:

Typing in the HTML code:

<ol>

<li>Test1</li>

<li>Test2</li>

<li>Test3</li>

</ol>

Will result in:

  1. Test1
  2. Test2
  3. Test3

Take note that the numbered list is indented a little bit (relative to the “Will” in “Will result in:”).

—————————————-

Lastly, know that you don’t have to pick and chose one HTML tag per text. You can mix and match all the HTML tags and use more then one HTML tag for one text. For example, the HTML code:

<b><i><u><ul>

<li><a href=”http://www.politicallymotivated.net”>Ashraf’s awesome website</a></li>

</ul></u></i></b>

Will result in:

Share this post

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

14 comments

  1. Cheapest College Essays

    It has applicable minutia and figures. Thanks for posting this. Your blog is so intriguing and very informative. Thanks circulating. conclusively a large part of work Thanks for your work.

  2. George

    Instead of <b>bold text</b> for bold, its better to use <strong>bold text</strong>; and for <i>italicized text</i> bold, its better to use <>italicized text</em>.

    Especially considering some blogs port to cell phones and other portables those tags are more widely supported.

  3. MikeR

    Ashraf: you’re a genius.

    Like DD I’m up to speed on *some* of this stuff but your exhaustive list has brought a veritable harvest of unfamiliar stuff.

    Sincere thanks for all the time & trouble you’ve taken here.

  4. DD

    Thanks for taking the time to compile this helpful list.
    I’m sure for many visitors to your site this is “baby stuff” HTML, but you did a nice thing by responding to the questions you had been getting from just regular folks.
    I knew several of these commands already, but others, like the bullet-point commands I did not.
    Plus, I do routinely use HTML everyday, so it’s great to have this easy guide handy when I need it!