Com Posar Una Imatge En HTML

Taula de continguts:

Com Posar Una Imatge En HTML
Com Posar Una Imatge En HTML

Vídeo: Com Posar Una Imatge En HTML

Vídeo: Com Posar Una Imatge En HTML
Vídeo: Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture. 2024, Maig
Anonim

El text d’una pàgina web és molt més llegible quan s’il·lustra. HTML reserva l'etiqueta img amb aquest propòsit. En utilitzar-lo en combinació amb altres etiquetes, podeu convertir una imatge en un enllaç actiu, inclosa una versió més gran de la mateixa imatge.

Com posar una imatge en HTML
Com posar una imatge en HTML

Instruccions

Pas 1

Si el fitxer imatge i el fitxer HTML es troben a la mateixa carpeta, utilitzeu el codi HTML següent per inserir la imatge: on imagename.jpg

Pas 2

Si el fitxer d'imatge es troba al mateix servidor, però en una carpeta diferent, canvieu aquesta construcció de la següent manera: on /folder/anotherfolder/imagename.jpg

Pas 3

Col·loqueu les imatges emmagatzemades en altres servidors amb precaució: és possible que hi estigui activada la protecció contra la lixiviació i, en lloc de la imatge desitjada, el visitant de la vostra pàgina veurà un advertiment sobre aquesta protecció. Si no hi ha aquesta protecció i el propietari del servidor de tercers no s’oposa a la inserció de les imatges allí emmagatzemades a les pàgines d’altres persones, utilitzeu el fragment de codi següent: on https://server.domain/folder/anotherfolder/imagename.jpg

Pas 4

Perquè la imatge sigui al mateix temps un enllaç a una altra pàgina, utilitzeu el codi següent:, on linktext és l'adreça de l'enllaç (local o global).

Pas 5

Finalment, perquè quan l’usuari faci clic a la imatge, pugui veure la seva còpia ampliada, canvieu el fragment anterior de la següent manera: on imagename-big.jpg

Recomanat: