bgimage

This is a first level header (h1)

here is a second level header (h2)

Texts and headers (h3)

By using a very simple syntax it is possible to format texts. For example bold text could be get if you include it in 2 stars each on the left and right side. To get italic text it is similar (only one star on each side). If you combine both (3 stars left and right), you get: bold + italic = bolditalic. That is quite easy, isn't it?

Headers are starting with hash marks '#' or '##' or '###', it depends if you want to have a header of first, second or third level. In principle that is already all to say concerning text formatting.

Links

It is also easy. Here we jump to the contact page. The shown text is wrapped in squared brackets '[...]'. The target page is wrapped in round brackets, following immediately by the squared brackets. This could be an internal page of this website, but also any external page. In case of an external link the target page name must start with "http://..".

Images

Image handling is in principle also easy. The syntax is starting with an exclamation mark, followed by the so called "alternative text" (will be shown, if the image is no loadable) wrapped in squared brackets. Next following are round brackets containing the image name. By using this construct the image will be already shown. Optional you could define yet a title, which would be shown as balloon help or tool tip. This text is following immediately the image name, divided by a space, but must be wrapped in double apostrophes.

Orchid

The image is presented in its original size as it is. This example picture is 250 pixels in width. If you are using the explained syntax to include images, you will get a gap within the text. It means the text will not float around the image. Furthermore the image is always shown on the left. In most cases that is right.

Image including with HTML syntax

If that is not enough, you could use also the HTML img tag. The example image is located in the same directory as the text file is saved too. If you want the the text floats around the image, you have to use a predefined CSS rule (frame_right) to put the image on the right. Orchidee The image could also moved on the left side by using "frame_left".

Orchidee

Before this statement it is important that you have an empty line. Moreover you could modify the image size, by using the "width" or "height" option of the HTML img tag.