3.6.1. Inline Images
An inline image is inserted in the flow of a line in the same way as characters. That means, if the height of the image is larger than the characters in the line, it will cause the line-height to increase.
To create an inline image, the img element has to be used. At least the src attribute has to be provided, which has to specify the image URL. The URL must have the format
where alias is the alias of the image-node. For example, following XHTML fragment inserts an inline image with alias greeting between the words "hello" and "world". Note that the image is rendered on the same line as the surrounding words:
hello <img src="image/greeting" /> world
The style attribute can be used to provide further CSS formatting properties. However, for print-output only the CSS property float is considered.
...to do... wie wird float in stylesheets behandelt
By default, the image is displayed in its original size. To display the image in a different size, the attributes width and/or height can be supplied. The value of the height/width attribute has to be a positive number, specifying the size in pixels. Example:
<img src="image/greeting" width="20" height="14"/>
If only the width- or the height-value is specified, then the image is scaled keeping the image's original width-to-height ratio. Example:
<img src="image/greeting" height="14"/>
Alternatively, the width and/or height of an image can be specified as CSS via the style attribute. Be aware that when supplying CSS length values, the unit of measure needs to be appended to the number. Example:
<img src="image/greeting" style="width:20px; height:14px;"/>
The title attribute cannot be used for inline images, because an img element with a title attribute is rendered as a figure (see Section 3.6.2, “Figures”).