How to make a simple Website

To understand how this webpage was programmed, please display the souce code by right-clicking on free space and choosing "Show Page Source" or similiar.

How to format the Layout

In the source code of this webiste you can see, how the layout was programmed. It is always useful to specify the utf-8 character set in the HEAD section of the HTML document, so that special chracters like "Umlaute" are displayed correctly. Certain words can be emphasized by making them bold, underlined or cursive. The number in the header command, e.g H1, H2, ..., determines the size of the header.


How to comment code lines

Lines, which are commented, are not used as code by the browser and are not displayed on the website. This is shown on the website.


How to make a link to another website

This section shows you how to make a link to another .html document wihtin the same folder structure. By clicking on this link, you are forwarded to another website, which shows an image. And this website shows an image of an optimized water-molecule . And finally on this website some 3D structures of molecules are shown.


How to upload an image

In this section, you learn how to upload an image. using the IMG SRC command. The picture has to be saved in the same folder as your HTML file. With the 'width' and 'height' option you can adjust the size of the image.


How to make a list

There are orderd lists:
  1. Element 1
  2. Element 2
  3. Element 3

And unorderd lists


How to make a Table

Element 1 Element 2 Element 3
Element 4 Element 5 Element 6

How to make a simple button

That's it