Añadir imagen: crea una página web increíble

Añadir imagen: crea una página web increíble

Las páginas web son la combinación de texto, videos e imágenes. Debajo de todas las imágenes deslumbrantes y textos gloriosos se encuentra el mundo del HTML. Puede agregar imágenes en HTML de la misma manera que agrega texto.

HTML es el idioma principal para crear páginas web. Las páginas web pueden ser muy sencillas o pueden contener la imagen de tu actriz favorita, una modelo famosa o incluso tu estrella favorita (guiño) … !!!

Pero cómo se agrega realmente la imagen en la página HTML es la pregunta. Tienes suerte, ya que solo tienes que seguir estos sencillos pasos. Pero antes de pasar a los pasos principales, permítanos explicarle las diversas terminologías que necesita saber.

En este punto, no se preocupe por la sintaxis y otras cosas. Llegará el momento de eso.

Hay un momento adecuado para todo

Terminologías para agregar imagen en HTML

La etiqueta de imagen <img>: a diferencia de otras etiquetas de HTML, no necesita cerrar esta pestaña. ¡Dios! ¿Por qué todo el HTMLer no hizo etiquetas similares a esta? Esta etiqueta es muy simple.
El atributo src:  todos los fanáticos de los mensajeros instantáneos y WhatsApp comprenderán de inmediato que src significa fuente. Simplemente este atributo le pregunta por la fuente de la imagen. Por lo tanto, debe mencionar la url donde se encuentra la imagen.
El atributo Alt:  Sí, lo has hecho bien. Simplemente le pide que ingrese el texto alternativo para la imagen. ¿Qué sucede si el usuario de su página web es de un país del tercer mundo con la velocidad neta de los 90? En ese caso, el texto alternativo es el que se mostrará hasta que se cargue la imagen. También es lo que las personas ciegas oirán si usan un lector de pantalla. Y no se preocupe, las personas no ciegas que usan el lector de pantalla oirán el mismo texto.
Altura y ancho de las imágenes: depende de usted si desea especificar la altura y el ancho en relación con la imagen original o si desea ingresar sus propios números independientemente del tamaño de la imagen original. Ahh! Te dije jefe, te contaré sobre la sintaxis y todo. Tener paciencia.

Bueno, ahora discutiremos la parte aburrida de la sintaxis para insertar la imagen.

Sintaxis para agregar imagen en HTML

Me preguntas, ¿es así de simple y yo digo que sí, insertar imágenes en HTML es tan simple? Como puede ver, la sintaxis está en forma de imagen. Entonces, si desea copiar la sintaxis, no puede hacerlo. Mi intención era simple que veas la sintaxis y la escribas por tu cuenta para que nunca la olvides y no tengas que visitar esta miserable página.

Pero aún así, si eres inflexible, no quiero aprender y copiar y pegar la sintaxis. Para todos ustedes, perezosos, aquí está la sintaxis en forma de texto para agregar imágenes en HTML:

<img src = «url» alt = «¡Me encanta esta página web, de verdad!» ancho = ”50%” altura = ”25%” />

Si bien la copia pegando el código anterior puede suceder que la coma invertida esté en una fuente diferente y, por lo tanto, el HTML puede leerlo como un texto en lugar de un código. Entonces, si enfrenta un problema, simplemente elimine la coma doble invertida una por una y escríbala manualmente y el código debería funcionar bien.

La posición relativa de los diferentes atributos no hace ninguna diferencia en el resultado del código.

Si desea agregar una imagen que se encuentra en su computadora o unidad local en HTML, debe cargarla en la web. Hay muchos sitios donde puedes subir imágenes gratis

Aunque siempre es recomendable subir imágenes en su propio servidor. Si sube una imagen a un sitio de terceros, en el caso de que ese sitio realice cambios en su servidor, puede encontrar un enlace roto.

 

Deja un comentario