Después de probar varias soluciones listas para usar, que no requerían ningún conocimiento del tema, decidió intentar crear un sitio de Internet "ensuciarse las manos" con el códigoHTML. Eres muy apasionado al respecto, pero hay algunas cosas que aún no has podido comprender.
Por ejemplo, desea alguna aclaración sobrecómo insertar una imagen en HTML, cuáles son los parámetros correctos que se utilizarán para formatear el código y qué información se puede ingresar en el último. Bueno, debes saber que has venido al lugar correcto en el momento correcto. No perdemos más tiempo e inmediatamente vemos todo lo que necesitamos saber sobre cómo insertar fotos en sitios de Internet y blogs usando código HTML.
Para entender cómo insertar una imagen en HTML, debe asegurarse de que conoce un concepto clave: las imágenes que se ven en las páginas web de sitios de Internet, blogs y foros no se incorporan a este último, pero son llamados desde ubicaciones externas. Esto significa que cada foto debe tener una dirección única a la que el usuario pueda hacer referencia para usarla en línea.
La dirección de una imagen está compuesta de esta manera: al comienzo está la dirección del espacio web en el que está alojada (por ejemplo,) y luego c ' es el nombre de la imagen de extensión completa (por ejemplo,Immagine.jpg). La dirección directa de una imagen en la Web debe tener una composición del tipoimmagine.jpg.
En este punto, se estará preguntando, pero ¿cómo recuerda la dirección de una imagen en una página web, para hacer que la foto sea visible para el público? Nada podría ser más simple. Simplemente use la etiquetaimgseguida de las palabrassrc =y la dirección de la imagen que se insertará en la página entre comillas. Continuando con el ejemplo anterior, se debe utilizar el siguiente formato:
Ahora usted sabe cómo insertar una imagen en HTMLutilizando el código básico, pero se puede agregar otras variables para especificar el tamaño, la alineación y el espaciado de las fotos en contexto de las páginas en las que están insertados.
Para alinear una imagen en el centro, izquierda, derecha, arriba o abajo de la página, lo que tiene que hacer es utilizar el formato que acabamos de ver juntos y añadir a ella la variable align =seguido por el tipo de disposición que desea llevar a la foto. He aquí un ejemplo:
Con este código, que se han alineado la imagen en el centro (valor central), pero en realidad se puede utilizar muchos otros tipos de variables para align: leftalinea las imágenes de la izquierda;derechaalinea las imágenes de la derecha;abajotiene la foto en la parte inferior derecha de la primera línea de texto;mediotiene la foto en la parte central a la derecha de la primera línea de texto;arribatiene la foto en la parte superior derecha de la primera línea de texto.
Como se mencionó anteriormente, a través del código HTML también puede cambiar el tamaño de las imágenes (solo visualmente, sin modificar el archivo original) y especificar el espacio que deben tener en comparación con los otros elementos que componen la página web en la que se insertan.
Para indicar las dimensiones que deben tener una imagen, usted tiene que utilizar las variablesanchura y la alturaespecificando los valores de los píxeles, mientras que para el espacio que necesita para utilizar la voz hspacepara indicar el espacio horizontal yvspacepara indicar el espaciado vertical. Aquí hay un ejemplo de una foto de 300 × 200 píxeles con un espaciado vertical y horizontal de 20 píxeles:
Finalmente, veamos cómo asociar un enlacea una imagen, de modo que al hacer clic en él se redireccionará a una página específica o sitio web, y cómo insertar una descripción de texto de la foto para reproducirla en caso de que no pueda ser visualizado correctamente (por ejemplo, para errores del servidor o para eliminar la foto desde su ubicación original).Para agregar una conexión a Internet a una imagen, no es necesario prefijar el código
a href =seguido de la dirección del sitio para enlazar con el código de imagen e insertar la etiquetaaal final del código. Aquí hay un ejemplo en el que la imagen que hemos utilizado hasta ahora para nuestro ejemplo vincula la direcciónwww.sitodalinkare.com:En cuanto a la descripción textual, en cambio, la última se agrega a la imagen usando el código
altque debería usarse de esta manera:¡Diría que esto es todo! Ahora conoces todas las reglas básicas para
insertar una imagen en HTMLen blogs y sitios web. Se necesita muy poco para aprenderlas, ¿ves? Y a partir de aquí puede profundizar en el tema descubriendo muchas otras funciones que pueden explotarse utilizando HTML. ¡Diviértete!