El principal problema amb les imatges només dels fitxers html és que poden ser difícils de llegir i utilitzar en un lloc web. Això es deu al fet que la majoria dels navegadors mostren text i imatges per separat, cosa que pot dificultar la visualització del contingut del fitxer.
<img src="image.jpg">
Aquesta és una línia de codi HTML que indica al navegador web que mostri el fitxer d'imatge "image.jpg" a la pàgina.
L'entrada HTML accepta l'atribut
En HTML, podeu utilitzar el etiqueta per acceptar un atribut d'un usuari. Per exemple, per permetre als usuaris introduir un número de telèfon, podeu utilitzar el codi següent:
L'etiqueta d'entrada inclourà automàticament els atributs necessaris per a un camp d'entrada tel.
Fitxers en HTML
En HTML, els fitxers es representen amb el
Imatges en HTML
Les imatges en HTML s'utilitzen per representar objectes gràfics en un document. Es poden utilitzar per mostrar imatges, icones, logotips i altres gràfics. Les imatges també es poden utilitzar per crear hiperenllaços o vídeos incrustats.
Per incloure una imatge al vostre document HTML, primer heu d'incloure l'extensió de fitxer adequada. Per exemple, si voleu incloure una imatge anomenada "logo.png" al vostre document, utilitzareu el codi següent:
També podeu utilitzar l'etiqueta img per mostrar simplement un fitxer d'imatge estàndard sense cap text ni format:
També podeu especificar una amplada i una alçada per a una imatge mitjançant els atributs width i height: