Back to project submission

How to use HTML-tags in your project

When adding a project description, there are a number of ways to modify the style of your description. Our database accepts all kinds of HTML-tags, and this guide will help you with a few common tags from the HTML. Even linebreaks and paragraphs need an HTML-tag. To create a linebreak, enter <BR>.

For starters, suppose you would like to create a link. The correct syntax to use would be this:

Code: <a href="http://www.webaddress.com">Linktext</a>
Result: Linktext

This would create a link to the address http://www.webaddress.com and use "Linktext" as the clickable text. It is imperative that you do not forget the http:// in the beginning of the link, if you do forget it, the link will not work.

The next tag that is commonly used is the tag to call upon an image. The tag itself looks like this:

Code: <img src="https://fosko.ki.se/images/fleche.gif" alt="A short description of the image">
Result: This is our fleche

As well as with the link-tag, it is very important that you do not forget the leading http://.

When these two tags you just learned are mixed, the result will be a clickable image. To do that, put the image-tag inside the link-tag, and leave out the linktext. Like this:

Code: <a href="http://address.com"><img src="http://www.address.com/image.gif"></a>
Result: Fleche

This way, the image image.gif will be clickable and lead to http://address.com. If you do not want any border outlines on your image, add "border="0" right inside the >, like this:

Code: <a href="http://address.com"><img src="http://www.address.com/image.gif" border="0"></a>
Result: Fleche


Text formatting
There are a number of ways to format your text. Here we will look at the three most common ways:

  • Bold - <b>Bold</b>
  • Italic - <i>Italic</i>
  • Underlined - <u>Underlined</u>

    By using these you can get whatever textformat you would like. It is also possible to mix these format-tags together, thus getting multi formatted text:

    Code: <b><i><u>Multi formatted text</b></i></u>
    Result: Multi formatted text


    Special characters
    There are a few characters such as greek ones which cannot be shown unless you use an HTML-tag to change font. In theory, you could change to whatever font you would like, but please do not. Even if it looks very good on your computer, it is not sure that all the visitors have got the same fonts as you. Therefore, if you need greek characters, please use the four ones below.

  • Alpha (a) - <font face="symbol">a</font>
  • Beta (b) - <font face="symbol">b</font>
  • Gamma (g) - <font face="symbol">g</font>
  • Delta (d) - <font face="symbol">d</font>


    Tabulators
    Please note that you cannot use tabulators on the internet as they are differently recognized from one system to another. Instead you might want to use several blank spaces in a row. However, when combining several blank spaces, you must use the character code for a blank space.

    The character code is: &nbsp;

    By combining several instances of this character code you will get a "faked" tabulator.



    That concludes the most common tags used in the project database. If you need any other formatting of your text, you are welcome to contact the Camilla Ahlqvist (Camilla.Ahlqvist@cmb.ki.se).


    Back to project submission