Nola gehitu irudia HTML-ri

Nola gehitu irudia HTML

Irudiak gunean gehitzea modu eraginkorra da bisitarientzako bisualki erakargarria eta erakargarria izan dadin. HTML-n, irudiak gehitzeko hainbat modu daude, eta blog honetan, azter ditzagun horietako batzuk.

etiketa erabiliz

HTML irudi bat gehitzeko modurik ohikoena etiketa erabiltzen ari da. Etiketa hau etiketa huts bat da eta horrek ez du itxiera etiketarik behar. Hona hemen erabiltzeko modua:

irudiaren deskribapena

Hona hemen etiketa: ren atributu garrantzitsuenak

  • src: irudiaren bidea zehazten du. Bide absolutua edo erlatiboa izan daiteke.
  • Alt: irudiaren deskribapena eskaintzen du ikusmen urriko erabiltzaileentzat edo irudia ezin denean kargatu.

    etiketa erabiliz

    etiketa irudia dagozkien epigrafearekin taldekatzeko erabiltzen da. Hemen adibide bat da:


    Irudien deskribapena
    Irudiaren epigrafea

    Etiketa erabilgarria da batez ere irudian azpigarua gehitu nahi duzunean.

    CSS erabiltzea atzeko planoko irudiak

    HTML-ri irudiak gehitzeko beste modu bat CSS erabiltzen ari da elementu baten atzeko planoko irudia definitzeko. Hemen adibide bat da: