Aprendé cómo funcionan las rutas en HTML 🙌

Поделиться
HTML-код
  • Опубликовано: 16 сен 2024
  • Bienvenidos a este nuevo video! 👨🏽‍💻
    Estaré mostrando la solución definitiva al error de las imágenes o archivos CSS que no cargan, no funcionan, no nos toman o no se actualizan los cambios, etc. El error es siempre por una cuestión de armar la ruta correcta hacia el archivo al que queremos llegar, por lo que preparé este videíto para explicar cómo funcionan las rutas y cómo debemos planearlas para que todo salga bien!
    Espero que les sirva!
    Redes
    📷 / carpicoder
    🐦 / carpicoder
    🚀 / discord
    👨🏽‍💻 github.com/car...
    💼 / matiascoletta
    Donaciones
    🤙 carpicoder.com...
    Contacto
    ✉️ hola@carpicoder.com
    🌐 carpicoder.com

Комментарии • 66

  • @deboradanielapenalbaleguiz6780
    @deboradanielapenalbaleguiz6780 3 месяца назад +2

    Coincido con muchos comentarios, fue el único video de todos los que ví que me ayudó a entender por qué estaba cargando mal las imágenes! Muchas gracias, genial video para los que recién arrancamos! 💕

    • @carpicoder
      @carpicoder  3 месяца назад +1

      Muchas gracias! Era la idea, no solo explicar cómo resolver el problema, sino explicar por qué debe funcionar así ☺

  • @MarvitzDigital
    @MarvitzDigital Год назад +6

    Amigo, eres el unico que me dio la respuesta, se me pasó lo del punto, es que estoy aprendiendo, un abrazo! 😍

    • @carpicoder
      @carpicoder  Год назад

      ❤🙏 Gracias por el comentario! Me alegra haberte ayudado!

  • @soldelrey6796
    @soldelrey6796 11 месяцев назад +1

    la verdad fue el unico video que me ayudo realmente con el problema que tenia y le entendi perfectamente ahora tengo las rutas bien enlazadas gracias a tu video, me quito un peso de encima. Estoy aprendiendo y estoy haciendo un proyecto sola para mi curso. GRACIAS!

  • @gracianyramirezbancayan2234
    @gracianyramirezbancayan2234 9 месяцев назад

    muuchas gracias carpi, dos semanas buscando solución y gracias a este tutorial pude avanzar. que dios te bendiga!

  • @ryuuub.r.b.z2699
    @ryuuub.r.b.z2699 2 месяца назад

    Es el único video que me enseñó gracias amigo eres el mejor explicado muchas gracias tenía rato buscando a alguien que lo explique bien

  • @grandpas_weedplants5109
    @grandpas_weedplants5109 9 месяцев назад

    hermano muchisimas gracias literal estuve buscando en mil videos y el tuyo fue el unico que me ayudo, posta durante 3 dias estuve buscando el problema, gracias.

  • @juandavinki7yt340
    @juandavinki7yt340 Год назад +2

    nah muchísimas gracias, no sabia que la ruta no podía empezar con /, y no encontraba solución

  • @PatoCapparelli
    @PatoCapparelli 2 месяца назад

    muchas gracias!!🙌 me sirvio

  • @DanielLopez-lz3ij
    @DanielLopez-lz3ij 2 месяца назад

    uffff, gracias brooo, me sirvió mucho

  • @salomonjorquera6822
    @salomonjorquera6822 Год назад

    compa me ayudaste un monton, llevo 1 semana metido en este error y eran los dos puntos para retroceder en una carpeta, mil gracias.

  • @emaleonel7655
    @emaleonel7655 Год назад +3

    Pensar q un simple punto te jode la existencia jajaja...gracias...

  • @kloyd3218
    @kloyd3218 6 месяцев назад

    SOS UN CAPO LOCO, ME RE SIRVIO, MUCHAS GRACIAS!

  • @svitak1987
    @svitak1987 Год назад

    Por fiiiiiiiiiiiiiin!!! di con el que era!! !Muchas gracias!

    • @carpicoder
      @carpicoder  Год назад

      💪🏼💪🏼💪🏼💪🏼

  • @espiralciencias
    @espiralciencias Год назад

    Muchas gracias

  • @axelacero5245
    @axelacero5245 Год назад

    Muy buen video me srivio ya lleva con dolor de cabeza el porque no me querian salir, sigue asi. :D

  • @sergioplaza640
    @sergioplaza640 Год назад

    Compa eres un crack, me sacaste todas las dudas, un millon de gracias, like y suscribo!

    • @carpicoder
      @carpicoder  Год назад

      Muchas gracias Sergio! Me alegra mucho poder ayudarles!

  • @lucas-nu1jx
    @lucas-nu1jx 11 месяцев назад

    hola Carpi no podía poner una foto
    😮pero con este video funcionó 😮
    ❤🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉

  • @santiagomarrugo6363
    @santiagomarrugo6363 6 месяцев назад

    excelente video

  • @teto_morris
    @teto_morris 6 месяцев назад

    gracias brother!!!!

  • @mohamedelcamellero3267
    @mohamedelcamellero3267 9 месяцев назад

    Carpi siempre grande!!!

  • @juancruzgonzalez4150
    @juancruzgonzalez4150 Год назад

    Crack! me salvaste la vida, no sabia cual era el error! Muchas gracias!!!!!!

  • @nicolasluque2071
    @nicolasluque2071 20 дней назад

    Excelente video, pero me surgió una duda ¿si tengo dos archivos en una sub carpeta, igual para crear la ruta debo usar ./ o al estar en el mismo nivel solo debo colocar el nombre del archivo? entiendo que cuando usamos el ./ indicamos que busque desde la carpeta rais.

  • @davidjorquera8337
    @davidjorquera8337 Год назад

    gracias fue de gran ayuda desde chile

  • @Detodoparaeducarse
    @Detodoparaeducarse Год назад +1

    hola. hice lo que dijiste y no me fucionó. cambié los códigos como recomendaste y no ocurrió nada

    • @villaadrian87
      @villaadrian87 Год назад

      pudiste solucionarlo ?estoy con el mismo problema en angular

  • @lautaro2294
    @lautaro2294 2 месяца назад

    gracias crack

  • @aquilesbl27
    @aquilesbl27 11 месяцев назад

    Gracias mi pana fue el único video que me ayudó

  • @rannydiaz5170
    @rannydiaz5170 Год назад

    gracias mi hermano, me sacaste de un apuro.

  • @angelicacouftoloza6577
    @angelicacouftoloza6577 3 месяца назад

    Gracias!!!!!!!!

  • @mundoziroxius7814
    @mundoziroxius7814 Год назад

    Sos un capo me re ayudasteee

  • @fwhite.
    @fwhite. 6 месяцев назад

    Tenes idea del caso en el q las imágenes se cargan en local ( por ende está bien la ruta) pero cuando haces del deploy de distr no cargan del servidor?

  • @davidprz9067
    @davidprz9067 7 месяцев назад

    me funciono bien pero tengo un problema y es que cuando intento compartir mi archivo index las imagenes vuelven a no funcionar, que hago?

  • @Briamcampos
    @Briamcampos Год назад

    muchas gracias amigo

  • @_femiwoman_
    @_femiwoman_ 19 дней назад

    ¿Cómo definirían "enrutamiento"?

  • @mr.fabian8471
    @mr.fabian8471 Год назад

    Excelente master !!

  • @calderonicandela352
    @calderonicandela352 Год назад

    holaaa,ayudaa, hice como usted indico,pero me sigue sin aparecer en otro documento el fondo y la imagen y cuando le mando a alguien pasa lo mismo, que puedo hacer?

  • @leninabreu8541
    @leninabreu8541 Год назад

    Diabloooooo eres un durooooooo manin te ganaste un like y subc y una corna bien fria

    • @carpicoder
      @carpicoder  Год назад

      Ajaja muchas gracias! 😅💖

    • @marcoantoniovalencia8694
      @marcoantoniovalencia8694 Год назад

      @@carpicoder yo tengo el problema que localmente todo funciona perfecto, pero al momento de subir una página web a GitHub Pages, algunos archivos ya no funcionan, no se si sea porque tengo que redefinir las rutas o qué será?

    • @carpicoder
      @carpicoder  Год назад

      @@marcoantoniovalencia8694 Exactamente lo que muestro en este video es ese error que me comentás!
      También puede estar pasando que los nombres de tus archivos tengan Ñ, tildes o caracteres que no se puedan usar online!

  • @argeo9935
    @argeo9935 Год назад

    gracias bro!!!

  • @juancamiloarevalo
    @juancamiloarevalo Год назад

    te amo

    • @carpicoder
      @carpicoder  Год назад

      🫣😂💖💪🏼👌🏼

  • @EduardoJuárezPortillo
    @EduardoJuárezPortillo 4 месяца назад

    A mí me salen las imágenes, pero al comprimir el archivo y abrir la página desde ahí ya no aparecen, ¿no sabes por qué?
    Saludos.

  • @SebastiánRojasLópez-q4g
    @SebastiánRojasLópez-q4g 4 месяца назад

    Te amo bstrd hjdpt eres lo mejor ptm

  • @gioselinetatiana
    @gioselinetatiana Месяц назад

    muchas gracias T_T el otro problema que tengo es que no se ocmo organizar mis archivos css, html, php :( para mi sistema :( no se como organizar mis archivos para estar mas ordenada :( aiudaaa

  • @moisesherrera1658
    @moisesherrera1658 Год назад

    Pero al utilizar los preprocesadores osea en el pug pongo (./) y la imagen me sale cortada

    • @carpicoder
      @carpicoder  Год назад +1

      Usando un preprocesador tenés que poner la ruta como si estuvieses parado donde está tu CSS final!

  • @YeimilxD
    @YeimilxD 11 месяцев назад

    no entiendo no entiendo no entiendo, pongo bien la ruta todo perfecto y NO FUNCIONA, no carga la imagen, de ninguna manera, mis imagenes son el problema? NO SEEE

  • @Mileblack1106
    @Mileblack1106 2 месяца назад

    Muchas gracias llevaba horas probando todo y no daba nada😢 y la solución era.. /

  • @dromdev
    @dromdev Год назад

    Hola, ayuda, yo tengo vsc y estoy con html tengo imagenes y mas, pero al compartir el archivo html para que otras personas la vean pueden ver todo excepto las imagenes,, yo se que estan cargadas en mi pc pero me ayudas a que ellos tambien las puedan visualizar, lo hice con img src="/Imagenes/Sistema de Gestion.png" alt="Img SGI" srcset="Imagen del Sistema de Gestion" width="400" pero quiero que ellos tambien vean las imagenes cuando lo abran en el navegador de ellos

    • @carpicoder
      @carpicoder  Год назад

      Justo en este video que estás comentando explico bien lo que estás consultando

    • @dromdev
      @dromdev Год назад

      @@carpicoder ya vi tu video y seguí los pasos, pero no me da solución, mira es que estoy con vsc haciendo un html - guardé el archivo y lo compartí con otra persona para que lo pueda visualizar en otro "pc"... cuando ingresa al archivo html sale el contenido de letras, pero las imágenes no le cargan apenas aparece el icono en verde.

    • @dromdev
      @dromdev Год назад

      en mi pc si funciona desde cualquier navegador, yo me refiero es a otro pc que no cuentan con vsc ni con live server,

    • @carpicoder
      @carpicoder  Год назад +1

      @@dromdev Tenés que compartir las imágenes también, no podés compartir solo el archivo index!
      Por lo general se suele hacer con un archivo ZIP o bien ver la forma de compartir la carpeta completa, pero solo con el index no será posible que vean las imágenes, salvo que sean imágenes de internet.
      También tené en cuenta que las rutas comenzadas con / no te van a funcionar, pero eso lo explico en el videíto así que asumo que lo corregiste!

    • @dromdev
      @dromdev Год назад

      ​@@carpicoder bro, compartí la carpeta en .zip y si funciono para que el otro pc pudiera ver, sigue asi, el mejor

  • @yuskekurusaki6563
    @yuskekurusaki6563 Год назад

    y si esta mas allá de ../ puntos ósea mas carpetas

    • @carpicoder
      @carpicoder  Год назад

      Si está a dos carpetas hacia atrás, sería ../../ y así sucesivamente! ../ significa "una carpeta hacia atrás".

    • @yuskekurusaki6563
      @yuskekurusaki6563 Год назад

      @@carpicoder si, me di cuenta experimento, gracias por responder