- dotTech - http://dottech.org -

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

Posted By Ashraf On May 10, 2011 @ 9:20 PM In Tips 'n Tricks | 14 Comments

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. [1]

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

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:


Article printed from dotTech: http://dottech.org

URL to article: http://dottech.org/4322/how-to-format-your-text-hyperlink-bold-etc-when-writing-comments/

URLs in this post:

[1] Ashraf is cool.: http://www.politicallymotivated.net

© 2008-2012 dotTech.org | All content is the property of its rightful owner.