HTML: obrazki

<img src="<URL>" alt="<string>" width="<number>" height="<number>" />

Obrazki i dostępność

<img
  src="https://images.unsplash.com/photo-1470390356535-d19bbf47bacb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxfDB8MXxyYW5kb218MHx8ZG9nLDF8fHx8fHwxNjg5MDg4NzYw&ixlib=rb-4.0.3&q=80&utm_campaign=api-credit&utm_medium=referral&utm_source=unsplash_source&w=1080"
  alt="cute puppy calmly sleeping in their owner's arms"
/>
cute puppy calmly sleeping in their owner's arms

Obrazki z opisami - <figure> i <figcaption> 

<figure>
  <img
  src="https://images.unsplash.com/photo-1470390356535-d19bbf47bacb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxfDB8MXxyYW5kb218MHx8ZG9nLDF8fHx8fHwxNjg5MDg4NzYw&ixlib=rb-4.0.3&q=80&utm_campaign=api-credit&utm_medium=referral&utm_source=unsplash_source&w=1080"
  alt="cute puppy calmly sleeping in their owner's arms"
/>
  <figcaption>Cute puppers</figcaption>
</figure>
cute puppy calmly sleeping in their owner's arms
Cute puppers

Link z obrazkiem

<a href="https://google.com">
  <img
    src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_light_color_272x92dp.png"
    alt="Google logo"
  />
</a>
Google logo

Ścieżki do plików:

Ścieżki względne:

<img src="assets/sample.png" alt="some-image" />
<img src="../7.13_BEM/assets/images/modal.png" alt="modal window" />

Ścieżki bezwzględne:

<img src="/modules/7.13_BEM/assets/images/social-link.png" alt="social links" />
<img
  src="https://images.unsplash.com/photo-1470390356535-d19bbf47bacb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxfDB8MXxyYW5kb218MHx8ZG9nLDF8fHx8fHwxNjg5MDg4NzYw&ixlib=rb-4.0.3&q=80&utm_campaign=api-credit&utm_medium=referral&utm_source=unsplash_source&w=1080"
  alt="cute puppy calmly sleeping in their owner's arms"
/>