en algún momento, todo el mundo se encuentra con HTML. Si no estás familiarizado con HTML, no hay problema. Aún puedes insertar imágenes fácilmente en un blog o página web usándolas. De hecho, no es realmente tan difícil si entiendes algunos principios básicos. Aquí hay una guía para ayudarte. Para simplificar todo y ayudar a evitar confusiones, he codificado por colores las etiquetas HTML para que puedas diferenciarlas.,
cómo insertar una imagen con HTML
hay diferentes rutas que cada usuario puede tomar para completar este paso, así que no se sorprenda si su ruta difiere de los demás.
Sube tu imagen
esto se puede lograr con un servicio de alojamiento de imágenes, un servicio FTP o un servicio de alojamiento de blogs. Selecciona el que mejor se adapte a ti.
abra su Documento HTML
esto se explica por sí mismo, solo asegúrese de que es el documento HTML para el lugar donde desea insertar la imagen.
copie y pegue la URL de su imagen en una etiqueta IMG, agregue un SRC
identifique primero dónde desea colocar su imagen dentro del HTML e inserte la etiqueta de imagen, img>. Luego tome su imagen cargada, copie la URL y colóquela dentro de sus parámetros img precedidos por un src.,
el resultado final de este paso debería ser el siguiente:
img src=»(la URL de la imagen aquí)»>
añadir el atributo Alt y los toques finales
esto ayuda a identificar lo que implica la imagen. Por ejemplo, si es una foto de una sombrilla en una playa, escribe la etiqueta alt para incluir algo sobre una sombrilla de playa. Sea muy descriptivo como si lo estuviera describiendo a alguien que no podía mirarlo.
Cómo poner una imagen en un directorio en HTML
Si tiene un sitio web y está tratando de insertar una imagen en un directorio, el proceso es relativamente sencillo. Así es como se hace en tres sencillos pasos:
- copie la URL de la imagen que desea insertar.
- a continuación, abra su índice.archivo html e insertarlo en el código img. Ejemplo: img src= » (su URL de imagen aquí)»>
- guarde el archivo HTML. La próxima vez que lo abras, verás la página web con tu imagen recién agregada.,
cómo vincular una imagen en HTML
vincular una imagen en HTML requiere algunos pasos más, especialmente si desea cambiar ciertos atributos y detalles. Aquí hay un paso a paso completo que cubre todo lo que necesita. Comenzarás con la etiqueta de enlace, que es un>. El href es donde colocarás la URL. A continuación, necesitará la etiqueta de imagen, que es img>., Como se indicó anteriormente, el src es donde incluirás el archivo de imagen.
ahora para cambiar los atributos, necesitará saber lo siguiente. Primero, el atributo title es title = » (tu título)». A continuación, establezca su atributo alt, que explica la imagen en detalle. Finalmente, establezca la altura y el ancho de su imagen. Utilice el código img src=» (su título)»alt=» Image»height=» (su altura de imagen)»width=»(su ancho de imagen)»>.
HTML es un lenguaje bastante sencillo, pero está bien si no quieres aprenderlo en profundidad., Solo asegúrese de tener los conceptos básicos abajo para que pueda sobrevivir al crear obras digitales.
Deja una respuesta