HTML és un llenguatge de marques que s’utilitza per crear pàgines d’Internet. Es pot utilitzar per personalitzar la visualització de diversos elements, incloses les imatges. La configuració de la visualització d’imatges en HTML es realitza mitjançant una etiqueta especial.
Instruccions
Pas 1
Obriu el fitxer HTML amb l’editor de text que utilitzeu per editar pàgines web. Si no teniu cap fitxer HTML, creeu-lo fent clic amb el botó esquerre a l'escriptori o a la carpeta requerida i feu clic al menú "Nou" - "Document de text". Introduïu un nom de fitxer i afegiu l'extensió html després del període. A continuació, torneu a fer clic amb el botó dret sobre el document i seleccioneu "Obre amb" - "Bloc de notes". Veureu un document en blanc en què podeu posar codi HTML.
Pas 2
Per crear una imatge en HTML, s’utilitza una etiqueta que s’ha de col·locar en una secció per mostrar-la. Per exemple:
Imatge en HTML
Pas 3
L'etiqueta no es tanca i no requereix cap etiqueta de tancament. El seu paràmetre principal, que s'ha d'utilitzar, és src, que estableix el camí d'accés al fitxer d'imatge desitjat. Podeu especificar en aquesta línia tant el camí complet (amb https://) com el camí relatiu (per exemple, /pictures/img.jpg) al fitxer d'imatges que vulgueu col·locar.
Pas 4
Un altre paràmetre important és alt, que defineix el nom de la imatge i la seva identificació a la pàgina. Aquest nom apareixerà quan l'usuari passi el ratolí sobre la imatge.
Pas 5
També podeu utilitzar els atributs d’amplada i alçada per establir paràmetres d’imatge. El primer paràmetre és responsable de la longitud i el segon és l’altura de la imatge de la pàgina. Aquest paràmetre s'especifica en píxels. Per tant, es pot configurar l'etiqueta & img>:
Pas 6
Mitjançant aquesta etiqueta, es crea una imatge, la ruta a la qual es registra a l'atribut src. Quan passeu el cursor per sobre de la imatge, veureu el missatge "nom de la imatge". En aquest cas, la imatge tindrà una amplada de 300 píxels i una alçada de 250 píxels. Podeu configurar tots els paràmetres anteriors com vulgueu.
Pas 7
Deseu els canvis al fitxer mitjançant la funció "Fitxer" - "Desa". Obriu el document en un navegador per comprovar si la imatge s'ha creat correctament en HTML. Per fer-ho, feu clic amb el botó dret al fitxer i seleccioneu la secció "Obre amb" i, a continuació, feu clic a la línia amb el nom del navegador. La creació d'imatges HTML s'ha completat.
