Tecnología

Inicio

Cómo agregar texto alternativo y tamaño de imagen en HTML

Cómo agregar texto alternativo y tamaño de imagen en HTML


El texto alternativo, también conocido como etiquetas alt, ayuda a proporcionar a los usuarios información adicional acerca de las imágenes que aparecen en las páginas web. bien elaborado un texto alternativo ofrecerá a los visitantes que utilizan navegadores de sólo texto valiosa información sobre la imagen que de otra manera podría hacer falta. Los tamaños de imagen, por su parte, ayudar a reducir el tiempo de renderización, como el navegador web puede asignar espacio en la página antes de que la imagen se carga en lugar de tener que cambiar todo luego de los elementos que se carga.

Instrucciones

Texto alternativo

1 HTML: Al añadir una imagen a una página web, incluir alt = "su texto aquí" en la etiqueta <img src>. Por ejemplo: <img cuadro de formulario en la barra de propiedades de la herramienta.

3 FrontPage: En el modo de diseño, haga clic en una imagen y luego haga clic derecho para invocar a un menú contextual. Vaya a "Propiedades de imagen." En la sección "Representaciones alternativas", escriba el texto alternativo en el cuadro de texto de formato. Haga clic en "OK" para volver al modo de diseño.

4 Blogger: Cambiar a "Edición de HTML" y sustituir la etiqueta alt generado automáticamente con su propio texto.

5 LiveJournal: La ventana de imagen-properties le pedirá una breve descripción después de que la imagen haya sido cargado. Si se vincula caliente a Flickr o Photobucket, a continuación, utilizar el "texto alternativo" caja debajo de la caja de enlace de la imagen.

6 WordPress: Haga clic en "Editar ajustes de los medios / avanzados" para cambiar el texto alternativo.

Tamaño de la imagen

7 HTML: Escribe las dimensiones de imagen después de que el origen de la imagen. Por ejemplo: <img width = "10" height = "10">.

8 Dreamweaver: Cambiar las diemsions haciendo clic en la imagen y la actualización de las dimensiones X e Y en la barra de propiedades de la herramienta.

9 FrontPage: Cambio a la vista HTML para actualizar manualmente las dimensiones de imagen generados automáticamente.

10 Blogger: cambia al modo "Edición de HTML" para cambiar las dimensiones de la imagen.

11 LiveJournal: Cambiar a modo HTML y cambiar las dimensiones de la imagen. Si ha cargado una imagen, buscar la cadena al final de la imagen que se inicia con una s (por ejemplo: s320x240). Cambiar los números de las nuevas dimensiones pero deje las s y la x.

12 WordPress: Para utilizar algo distinto de los cuatro tamaños predeterminados, vaya a "Configuración / Medios." No serás capaz de ajustar las dimensiones.

Consejos y advertencias

  • Siempre que sea posible, la ruta más fácil y directa a la adición de texto e imágenes dimensiones alternas es hacerlo en el HTML puro.