An example of combining text on top of an image, using Hypertext Markup Language (HTML) code.
This is a Sample Headline
This is sample paragraph text on top of an image. It is possible to change the colour of the text so that it is readable over the image.
It will be seen that by changing specific parts of the code, it is also possible to change the position of the text.
Text may also be added in different parts of the picture in a different font:
By changing specific values, the paragraph text may be moved to defined areas of the image.
The positioning and font of text may also be adjusted.
A range of colours are also available to ensure that the text is still readable over the image.
It should be noted that if a particular font is not available on the computer displaying this page, the text will be displayed using a font closest to the original. The Chalkduster font is an example of this as it is often found on Apple-based computers, but may not be found on Windows-based ones. As a result, it is better to use ‘standard’ fonts common to different computer systems and if a special font is needed, create the text on top of an image using a different method than the one used here.