Integrating graphics into HTML - how it works

The abbreviation HTML stands for Hyper Text Markup Language. All web pages are scripted in this language. Of course, you can also include a graphic on your website, this is also possible with HTML. In doing so, you still have various setting options that help you to display the graphic correctly.

This is how you embed a graphic in HTML

In order to embed an image, i.e. a graphic, in an HTML page, all you need is the code <img src="path/image.png">. You also have the option to make some settings.

1. "src=" here stands for source (source) and simply describes from which source (web address or internal path address) the image should be taken.
2. If you want to use the image settings, you can pass them as parameters after specifying the source.
3. With <src="..." width="10" height="10"> you can set the width and height of the image to 10 pixels each. Other length specifications such as centimeters are also possible (<src="..." width="10cm">)
4. With the "alt" attribute you have the option to display an alternative text should your image not load properly: <src="..." alt="Image not available">
5. You can also put a frame around the image. To do this, simply use the "border" attribute.
6. With the "align" attribute, you can specify where in the parent container the image should be placed. With <img src="..." width="100cm" alt" image not available" border="4" align="center"> an image is created that is 100 centimeters long, has a 4 pixel thick border and is placed in the center of the parent container.