Del curso: Aprende semántica web

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 24.000 cursos impartidos por expertos del sector.

En qué consiste la etiqueta img y cuál es su sintaxis

En qué consiste la etiqueta img y cuál es su sintaxis - Tutorial de HTML

Del curso: Aprende semántica web

En qué consiste la etiqueta img y cuál es su sintaxis

Cuando queremos insertar imágenes semánticamente correctas dentro de nuestro HTML, haremos como sigue. Lo primero es definir nuestro "tag", en este caso 'img'. Uno de los atributos más importantes de las imágenes es 'src'. Es donde especificaremos la ruta donde se encuentra nuestra imagen. Un "tag" 'img' es capaz de visualizar o renderizar PNG, JPEG, GIF y SVG. La compatibilidad entre estos formatos para con los navegadores dependerá de los navegadores. Depende de la versión del navegador que estemos utilizando, podremos visualizar algunos formatos de imagen u otros. Otro atributo importante dentro de las 'img' son los 'alt' y los 'title'. Estos hacen referencia a un texto descriptivo sobre la imagen. Nos ayudarán de cara a SEO para que el motor de búsqueda sea capaz de entender qué tiene esa imagen. Otros dos atributos importantes y que hacen referencia a los estilos que queremos aplicar a nuestra imagen son el 'class' y el 'id'. Recordad que el 'id' debe ser único en nuestra página.…

Contenido