Podeu canviar la mida de la imatge que es mostra a la pàgina especificant els atributs adequats per a l'etiqueta
que s’encarrega de mostrar els gràfics a la pàgina HTML. L’augment o la disminució es fan a través dels atributs d’amplada i alçada.
Inseriu una imatge
Abans d'editar, afegiu una imatge a la pàgina especificant etiquetes
… Per editar un document HTML, heu d'obrir la pàgina en qualsevol editor de text. Feu clic amb el botó dret al fitxer i seleccioneu l'atribut "Obre amb" - "Bloc de notes". També podeu especificar qualsevol altre editor que us sigui més convenient per canviar el codi.
Aneu a la secció del document i cerqueu l’etiqueta
… Si la imatge encara no s'ha afegit a la pàgina, introduïu el codi següent:
El camí cap al fitxer d'imatges pot ser relatiu o absolut. L'atribut alt="Imatge" és responsable del nom de la imatge i de l'addició d'un títol, que es mostrarà quan el punter del ratolí estigui sobre la imatge.
Canvi de mida
Per ampliar la imatge, configureu-hi els paràmetres d’amplada i alçada adequats afegint atributs a l’etiqueta de la imatge:
El paràmetre d'ample correspon a l'amplada de la imatge i l'alçada conté l'indicador de l'alçada de la imatge. En aquest cas, quan s'obre la pàgina, es mostrarà a la finestra del navegador una imatge amb una amplada de 300 píxels i una alçada de 350 píxels. També podeu afegir els atributs hspace i vspace per canviar la configuració de format de la pàgina:
En aquest descriptor, s’especificaven marges horitzontals (hspace) i verticals (vspace) de la imatge. Qualsevol text afegit a la pàgina s’espaiarà 5 píxels horitzontalment de la imatge i 10 píxels verticalment. L'atribut de vora és responsable de crear un marge d'1 píxel al voltant de la imatge.
Cal tenir en compte que la mida de la imatge es pot establir no només en píxels, sinó també en percentatge en relació amb la mida de la finestra del navegador. Per exemple:
Com a resultat del treball d’aquest codi, la imatge s’estendrà a tota l’amplada de la finestra. Val a dir que la imatge en aquest cas es pot distorsionar. La visualització ampliada de la imatge depèn de la qualitat de la mateixa imatge.
Deseu els canvis fets mitjançant la funció "Fitxer" - "Desa" de la finestra "Bloc de notes". Comproveu la visualització de la imatge a la finestra del navegador obrint el fitxer HTML fent clic amb el botó dret i escollint l'opció "Obre amb". A la llista d’opcions proposades, seleccioneu el programa que utilitzeu per navegar per Internet. Podeu editar el fitxer HTML diverses vegades per ajustar la mida de la imatge.
