Cómo insertar una imagen en html | la forma más sencilla!
HTML-код
- Опубликовано: 16 сен 2024
- Como insertar una imagen en html. A continuación les dejo el enlace para que lo utilicen e inserten sus imágenes en html.
www.w3schools..... En esa página encontrarán todos los enlaces que se pueden utilizar para poner imágenes en html.
Insertar una imagen en html es simplemente copiar y pegar un código que debes poner en tu documento de html.
Pasos para poner una imagen en html:
1:08 - Descargamos imagen en formato png. Puedes usar cualquier formato como: jpg, gif, png, ect.
1:26 - Escribimos el nombre de la imagen en nuestro documento de html.
1:58 - Cambiar las dimensiones de la imagen.
Tipos de Imagenes en html.
Existen varios formatos que son los más usados para poner imágenes en html. Los formatos de imágenes más usados son jpg, png y gif. Cada uno tiene su particularidad. El formato jpg las imágenes tienen mayor calidad. En cambio una imagen png no tiene tanto calidad pero es mucho más livianaY se pueden utilizar sin fondo. Es decir hay una transperencia en su background, no sale el color blanco.
Las imágenes gif son mayormente imágenes en movimiento. aunque no todas las imágenes gif estan en movimiento. Pero este es el unico formato que admite imágenes con movimiento.
Cuando hablamos de la etiqueta image source por sus abreviaciones.
img src. Le estamos diciendo al documento de html que busque en mi computadora esa imagen con el nombre que yo le asigne. En nuestro ejemplo fue mario.png
Cuando ponermos una imagen en html, también podemos ponerle dimensiones personalizadas. Donde width es el ancho y height es la altura de mi imagen.
Si quieres aprender html te recomiendo, este sitio web:
www.w3schools....
Video Más completo sobre insertar imagenes en HTML.
• Cómo insertar imágenes...
Otros video de este canal
• Cómo seleccionar todo ...
• Como hacer un indice e...
Hay que aclarar que la imagen debe estar en la misma carpeta que el documento o que el editor de código este en la carpeta correcta, soy un total novato jeje pero me sirvió, muchas gracias :D
Literal acabas de comentar hace una hora y me salvaste, hice lo que dice tu comentario y salio la imagen y yo pensando que era el texto que hice mal
@@patpechoscarguillermo493 Que bueno que te sirvió amigo :)
@@armandosiliceolaffont7913 estaba buscando lo mismo, muchas gracias KSJKD
amigo gracias, llego mucho mirando por que no podia tener acceso a la imagen y la ubique en la misma carpeta y hay si pude! gracias
Eres un grande, gracias por aclarar eso;D
Gracias
Fue de mucha ayuda vi demaciados tutoriales de comandos de como insertar imagenes y solo el suyo me funciono😊
Excelente video!!, me ayudó mucho en mis clases de informática.
amigo voy a ser sincero...
me re salvaste de mi examen, te amo muchisimas gracias de verdad enserio :D habia visto tantos tutoriales y el unico buen tutorial es el tuyo
me salvaste la vida bro, con la explicación de .png o .jpg gracias :'3
y
Buen video y directo, me ayudo muchisimo en mi tarea, gracias!🇭🇳
En este video explico todo lo que necesitas saber sobre insertar imágenes en HTML
VIDEO NUEVO Como insertar imágenes en HTML
ruclips.net/video/NWil5bx8FQA/видео.html
GRACIAS!!!! Muchas gracias!! Te lo agradezco ya me estaba empezando a desesperar te lo agradezco muchisimo y aqui tu like!!!!
Saludos hermano. Gracias por compartir tus conocimientos con nosotros. Exitos!
Eres el primero que me lo explica bien gracias
(*-*)
/. >❤
Gracias que bueno!
Me ayudo mucho
Gracias, buen video! :D
Me sirvio mucho...
Gracias man :D!! Me sirvió mucho guardar en el escritorio
muchas gracias me fue de mucha ayuda
Siempre a la orden! Saludos y gracias a ti.
hermano al fin entendi esto, de verdad bro muchisimas gracias
pooooor fin alguien que explica claro y diafano
Muchas Gracias BREOOO
Gracias me salvaste de perder informatica
Muchas gracias, me has ayudado un montón :D
Si lo van a compartir no sirve, tienen que poner en lugar de la dirección (C:archivos/ blablaba...) copiar la url de la imagen en google sin descargar y ponerla en lugar de eso e irá perfecto, ya que si ponen una imagen descargada al quien le compartes no lo verá, porque es sacado de tus archivos.
Gracias amigo, el vídeo no me sirvió ; pero con tu explicación pude terminar mi examen de computación.
Te lo agradezco
Sos un capo
Gracias
Y si es alguna foto editada :C
@@Lena-vh9lp la misma duda tengo yo :(
Tengo un problema, hice todo el procedimiento y puse el tipo de imagen (la cual era .jpg) pero cuando abrí la página de HTML en vez de que me aparezca la imagen me aparecía un cuadro pequeño con un taché
igual que a mi :'v
A veces sucede eso cuando la ruta del archivo esta mal,o la memoria caché del navegador aun no actualiza..
Tienes que ver las propiedades de la imagen, si en realidad es PNG o JPG Saludos!
Gracias bro buen video
GRACIASSSSS
ME SALVOO LLEVABA COMO 2 HORAS PERO NO ME DABA GRACIASSSSSSS
GRACIAS BRO ME FUNCIONO AL EXITO
Me funciono muchas gracias
Buen video bro, gracias
gracias bro al fin me salio me suscribo
Gracias, y que bien que te sirviera.
Muchas gracias
Gracias pa 🧐
Muchas gracias!!!
muchas gracias fue de mucha ayuda
que bueno me alegra jose
Gracias me ayudaste
buen video bro
Muy bien explicado el vídeo, directo y fácil de entender!!
Aunque en mi equipo con el volumen al 100% apenas se te escucha, el audio es muy bajo.
Utilizo el editor online de HTML y no consigo añadir la imagen. He seguido los pasos tal y como indicas, foto de Mario incluida, la guardo en el escritorio, en .png, y nada.
¿Crees que el fallo estar en el editor?
conseguiste la solucion:(?
@@DavidCaos no...no lo conseguí
@@GloriSprks yosi lo quieres :v?
@@DavidCaos si, si me la puedes pasar
@@DavidCaosCuál es brother yo uso CODEMASTER en ios y cada que añado una imagen se me desaparece todo el código
que hago me aparece un recuadro en blanco y no se mira la imagen
Lo que tienes que hacer es guardar la imagen en la carpeta del proyecto
@@foxel__ como sería el comando?
@@fabiogomez4906
indica al editor de texto donde se encuentra la carpeta y o el lugar en donde este la imagen asi con el codigo ese que te enseñan img src="carpeta donde este"/ " nombre de la imagen" recuerda siempre indicarle al editor texto donde se encuentra la imagen luego al lado el nombre saludos!
muy bueno
MUCHAS GRACIASSSS
Buen video gracias
Amigo como hago para poner unas 30 imagenes pero que esten formadas y ellas cambian de pocion osea q cambien de lugares una con la otra gracias espero me ayudes solo quiero saber el codigo para moverlas
"Eso es fácil y sencillo"
Lo dijo con una voz good, debe ser locutor
A mí no me funciona cuando ingreso la imagen, me aparece es un cuadro pequeño con una x en el medio, será que estoy haciendo algo mal
no te preocupes lo que pasa es que debes colocar el .jpg o .png y cuando los colocar ahi aparece la imagen.
y si aun no te funciona debes de ver el codigo a ver si esta bien (=
@@BenSaga280 que codigo?
@@tqxhiro5210 lo que puso el señor del vídeo lo de
No tienes activo el internet o el formato no es compatible
hola xd me paso recuerda tener una carpeta en donde tengas todas las imagenes junto con tus archivos html index y css con una carpeta creada por ti mismo image o imagenes como quieras pero recuerda tener siempre organizado todo , indica al editor de texto donde se encuentra la carpeta y o el lugar en donde este la imagen asi con el codigo ese que te enseñan img src="carpeta donde este"/ " nombre de la imagen" recuerda siempre indicarle al editor texto donde se encuentra la imagen luego al lado el nombre saludos!
no sabia que residente hacia video tutoriales
gracias mi estimado me pidieron de tarea de hacer un sitio web con 5 presidentes de mi pais y no pedian imagenes pero le pondre para tener la mejor calificacion
Para los vagos copien el comando
lo escribiste del culo
buenas no me sale la imagen solo un recuadro blanco diganme si estoy haciendo algo mal esta es mi ruta
Necesitas tener la imagen y el documento html en la misma carpeta. Intenta quitarle umaru.png a ver que tal te va.
También revisa si estas poniendo el formato de la imagen correcto. (jpg, png, gif, etc.)
Hola disculpa a mi la imagen no se me muestra o sea me sale como si estuviera ahí pero no se muestra que por que es ?? que hago?
me pasa lo mismo no tengo ni idea
Gracias!
Ya lo logré :D
Pero tuve que copiar directamente la dirección de la imagen desde el buscador
existe alguna forma de llevar el tamaño de la imagen al de un pixel? si es así, explícame, por favor.
Lo mejor es que lo explico 800 beses mejor que mi profesor
Bro no me deja ya intente de todas las formas pero sigue sin dejarme me aparece un cuadrito con una X
muy bueno...
pero no veo que va despues de Style
a mi no me sale bien:
cuando pongo la imegen me sale como una especie de foto archivo
Eso es por que pusiste mal la URL.
Te recomiendo que pongas TODA la url, por ejemplo: "c:/escritorio/Mario.png"
a mi me pasa lo mismo
Otra recomendación seria poner todo dentro de una misma carpeta.
@@lncaste587 no me funciono haci :(
@@cletomedel8228 en el nombre de tu imagen no utilizes espacios, ojalá te funcione
Espérate vas muy rápido apenas estoy aprendiendo
Es un video, puedes pausarlo xd
Nicky Jam eres tú?
ya traté de todas las formas pero no me sale, me podrías ayudar?
Hola coloca tu código en codepen y con gusto te podemos ayudar
@@imotie4066 hola,pueden ser varios factores,uno quiza la ruta esta mal,quiza la extensión no es la correcta,etc,debes revisar bien,para mas info contactate a la fanpage de facebook con studio web,y con gusto te ayudaré personalmente
@@imotie4066 con errores se aprende,sigue asi..cuando necesites ayuda ya sabes..
@@CreadoresenFacebook hola yo uso bloc de notad como podria insertar una imagen?
y como le ago en caso de que use un Servidor Virtual LINUX ??? un vps.
como puedo mover la imagen al Vps para poder aser ese paso ??
podrias descargarlo, subirlo a mediafire, mega o algo de eso
@@jose26829 hola ya resolvi por ftp se trasladan las imagenes o videos a usar.
Eres de República Dominicana ?
Si. Saludos
@@AVANCEIT Men gracias por el vídeo y espero que sigas creciendo
hable duroioooooo
Diabbb men de la que me sacastes 🦾🦾🦾🦾
mañana tengo examen de esto.... alguien tiene el codigo para poner la imagen?
Yo lo tengo pero es demasiado tarde xd xd
@@douglitasadalbertojuanguil8938 JAJAJA
Eee me reventaste los oídos jajajaja
Hola amigo, como inserto una imagen dentro del bloc de notas?
yo estoy practicando en mi bloc de notas inserte la imagen cuando la abro en mi computadora funciona pero intenté abrirlo en un celular para ver si se veía la imagen y no me aparece Entonces cuál es la forma o qué se debe de hacer para que pueda verse la imagen desde otro dispositivo, si alguien me puede ayudar se lo agradecería mucho
Hola pero cuendo lo pongo ya en una pagina web no sale la imagen
en el src sale amarillo me puedes ayudar?
ayuda aunque guarde las imágenes en una misma carpeta, pero en la pagina no se visualizan
Debes verificar si el código está correcto. Cuando guardas en la misma carpeta no necesitas usar ningún /
a mi no me carga la imagen me aparece que si esta pero falta cargarla me pueden explicar por que
que hago
ruclips.net/video/jqdGf1mAgRE/видео.html como insertar la imagen bien explicado
Donde esta el código q usas en el video para copiarlo?
eh a mi no me funciono
Hola disculpa y como la puedo publicar en blogger
No había puesto JPG y por eso no me salía.
Suerte con la demanda
Es que quiero poner la imagen de fondo para la página, ayudaaa 🥺
Ya lo intente :)
No me abre la imágen 😭😭
si pero como lo haria si yo quiere mandar el html sin tener que mandarle la imagen
amigo si la imagen la deje en una carpeta como hago hay pd) para mantener ordenado
Para más facil debes tener tu documento html y todas tus imágenes dentro de la misma carpeta. Poniendote un ejemplo para que me entiendas mejor. Soponiendo que mi archivo html está en el escritorio y la imagen se llama mario.jpg y la tengo dentro de una carpeta que se llama animados. Simplemente cuando hagas el cádigo donde va la url pondrás lo siguiente:
Espero esto te sirva. y recuerda es mejor que todo esté dentro en la misma carpeta.
avanceit gracias amigo
Viva la verga!
Viva el delicioso!
que verga?
amigo no me funciono aún
2021 :(
me sale fondo en blanco , ayuda :c
ami no me funciono que paso
capo, dónde están las etiquetas?
Las etiquetas las puedes encotrar en este sitio web
www.w3schools.com/html/html_images.asp
Mikel tube
ok
amigo porque tienes hax hahahah
No me funcionó ayyda
gg ez :v
volumen muy bajo
Alguien sabe porque no me sale?
Trata de poner la imagen y el archivo html en la misma carpeta
Oye tengo un problema lo qué pasa es que pongo la imagen pero en la,página para un archivo como puedo hacer para que si se vea la imagen
saludos. Debes revisar bien como estás poniendo el código.
NO ME ANDA
Cordial saludo, ¿como alinear horizontalmente y centrado 4 imagenes con código HTML?....gracias
eso lo haces con css
No le entiendo para nada
PH
=
E
JPEG
no sabia que residente hacia video tutoriales