1. <img src="plik_graficzny" alt="nazwa alternatywna">

2. <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">

3. <img src=/grafika/flaga.gif." height="150" width="200" alt="Flaga Unii Europejskiej” style="border: 5px red solid;">

4. <img src="grafika/flaga.gif." height="150" width="200" alt="Flaga Unii Europejskiej” style="outline: 5px green double; ">

5. <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;”>

6. Pozycja grafiki - kiedyś - align (left, center, right)
   Obecnie style

7. 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>

8. Ustawianie w poziomie - style="float: right;” lub style="float: left;”
   <img src="grafika/flaga.gif." alt="Flaga Unii Europejskiej" style="float: right; ">

9. 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; ">

10. Grafika jako odsyłacz:
    <a href="adres"><img src="ścieżka do obrazka" alt="tekst alternatywny" ></a>