<img src="plik_graficzny" alt="nazwa alternatywna">
<img src="grafika/flaga.gif." width="342" height="353" alt="Flaga Unii Europejskiej">
<img src="grafika/flaga.gif." height="150" width="200" alt="Flaga Unii Europejskiej">
<img src=/grafika/flaga.gif." height="150" width="200" alt="Flaga Unii Europejskiej” style="border: 5px red solid;">
<img src="grafika/flaga.gif." height="150" width="200" alt="Flaga Unii Europejskiej” style="outline: 5px green double; ">
<img src="grafika/flaga.gif." alt="Flaga Unii Europejskiej" style="margin-left: 50px; margin-right: 50px; ">
<img src="grafika/flaga.gif." alt="Flaga Unii Europejskiej" style="margin-top: 50px; margin-bottom: 50px;”>
Pozycja grafiki - kiedyś - align (left, center, right)
Obecnie style
Aby grafika była samodzielnym elementem w wierszu:
element blokowy div
<div style="text-align:center; ">
<img src="grafika/flaga.gif." alt="Flaga Unii Europejskiej">
</div>
Ustawianie w poziomie - style="float: right;” lub style="float: left;”
<img src="grafika/flaga.gif." alt="Flaga Unii Europejskiej" style="float: right; ">
Ustawianie w pionie - style="vertical-align: top;" lub style="vertical-align: middle; " lub style="vertical-align: bottom; "
<img src="grafika/flaga.gif." alt="Flaga Unii Europejskiej" style="vertical-align: middle; ">
Grafika jako odsyłacz:
<a href="adres"><img src="ścieżka do obrazka" alt="tekst alternatywny" ></a>