Používanie obrázkov v HTML zahŕňa tri hlavné kroky:

1. Súbor obrázka:

- Pripravte si súbor obrázka vo vhodnom formáte, ako je JPEG, PNG alebo GIF.

- Uložte ho s popisným názvom. Napríklad „názov-obrázka.jpg“.

2. Priečinok s obrázkami:

- Vytvorte si v počítači priečinok na ukladanie obrázkov.

- Do tohto priečinka umiestnite súbor s obrázkom, ktorý chcete použiť.

3. Kód HTML:

- Otvorte súbor HTML v textovom editore alebo editore HTML.

– Do príslušnej sekcie kódu HTML, zvyčajne do „“, pridajte nasledujúci kód:

```html

```

- Nahraďte "path_to_image" skutočnou cestou k súboru s obrázkom. Napríklad, ak má váš obrázok názov „image-name.jpg“ a nachádza sa v priečinku „images“ v rovnakom adresári ako váš súbor HTML, cesta bude:

```html

src="obrázky/názov-obrázka.jpg"

```

- Nahraďte "alternatívny_text" krátkym popisom obrázka. Tento text sa zobrazí, ak sa obrázok nedá zobraziť z akéhokoľvek dôvodu, ako je napríklad nefunkčný odkaz alebo vypnuté nastavenia načítania obrázkov používateľom.

Tu je príklad úplného útržku kódu:

```html

Nadpis

Textový obsah...

```

Uložte súbor HTML a otvorte ho vo webovom prehliadači, aby ste videli vložený obrázok.

Ďalšie atribúty pre ` ` Značka:

- Atribúty `width` a `height`:Zadajte požadovanú šírku a výšku obrázka v pixeloch.

- Atribút `align`:Riadi horizontálne zarovnanie obrázka. Hodnoty zahŕňajú „vľavo“, „vpravo“ a „v strede“.

- Atribút `title`:Pridá text popisku, ktorý sa zobrazí pri umiestnení kurzora myši nad obrázok.

Poznámka:

Je dobrým zvykom optimalizovať obrázky pre výkon webu ich kompresiou bez obetovania vizuálnej kvality.

• Predchádzajúca strana: Ako nastaviť webovú poštu SiteGround a pridať záznamy MX v Cloudflare? 
• Ďalšia strana: Ako vytvoriť webovú stránku HTML?