como hacer menu de navegacion en html

Поділитися
Вставка

КОМЕНТАРІ • 346

  • @eduardofree9149
    @eduardofree9149 4 роки тому +66

    Mis respetos,,,No he visto una forma mas clara y rápida de explicar algo tan valioso ..Felicidades y Muchas gracias...

  • @melgozagarciamarioandres6432
    @melgozagarciamarioandres6432 4 роки тому +110

    lol la cancion de pou de fondo me encanto

  • @misaelalvealnavarro369
    @misaelalvealnavarro369 4 роки тому +20

    ERES UN GENIOOOOOOO, saludos desde Argentina. Gracias por no saltarte ningún paso y por explicar todo así de detallado. Estoy aprendiendo a editar en blender y en after effects. Y me frustraba mucho no poder aprender hacer algo más sencillo como diseñar una página web, porque la mayoría de los tutoriales o son uy lentos...o van muy rapido. TE GANASTE UN SUB

  • @shadowninja5557
    @shadowninja5557 4 роки тому +9

    Muchas gracias por este tutorial, me sirvio muchicimo, estoy empezando en esto de html, javascript y css de manera autodidacta y estos tutoriales me ayudan a comprender mucho mas el lenguaje y la logica de este.
    Nuevamente Muchisimas gracias...

  • @empanadatuerta1237
    @empanadatuerta1237 8 місяців тому +1

    4 años de haberlo subido y me salvaste la vida

  • @malevolocucachondiego6382
    @malevolocucachondiego6382 3 роки тому +1

    Dios .. tanto videos y tanto que no entendia que solo colocaban sin explicar .. te amo bro

  • @nehuenmartinez2618
    @nehuenmartinez2618 2 роки тому +3

    Genio! Me salvaste llevaba horas intentándolo, lo hiciste muy fácil. Gracias✌🏽✌🏽✌🏽

  • @ZeroMinus652
    @ZeroMinus652 2 роки тому

    Graciassss!!! Me Ayudo Muchisiimooo Mas Ahorita Que Estamos En Un Proyecto De La Universidad Graciasss!!

  • @alinebetzabeosoriorivera8049
    @alinebetzabeosoriorivera8049 3 роки тому +2

    Muchas gracias ... Intenté por otros lados y no me salía ... Gracias me salió increíble .. buena explicación

  • @sergioplaza640
    @sergioplaza640 Рік тому

    Me sirvio bastante, simple, bonito y rapido...justo esoty haciendo una tarea de pagina web asi que me ayudo mucho para aprender, gracias amigo.
    Me suscribo, doy like y comparto.

  • @roselinsoto7867
    @roselinsoto7867 3 роки тому +3

    Buenísimo la explicación para los que estamos aprendiendo gracias 👍 saludos desde Venezuela

  • @alejandracarreno1997
    @alejandracarreno1997 4 роки тому +8

    gracias por compartir tu conocimientos, te entendí mejor que a mi profe

  • @JosleidyParra
    @JosleidyParra Місяць тому

    Pude terminar mi tarea gracias a tí ❤️❤️

  • @dariel12wolf
    @dariel12wolf 3 роки тому +2

    ya, pero como hago que al hacer click en una de las opciones del menu, despliegue información sobre lo que se a clickeado?

    • @mykaligobrr8551
      @mykaligobrr8551 3 роки тому

      En el "#" debes colocar un archivo, ejemplo: ejemplo

  • @reginaisabelladejesusalvar1691
    @reginaisabelladejesusalvar1691 9 місяців тому +1

    Gracias por fin entendí cómo hacerlo tqm 🦦💗

  • @samuelalbornoz5231
    @samuelalbornoz5231 3 роки тому +1

    El menú de inicio va dentro de las etiquetas y , pero muy claro el tutorial, excelente.

  • @YifuAbny
    @YifuAbny 4 роки тому +1

    hola hermano. Queria saber como podria centrar cada , ya puesto todos los estilos parece que la barra estuviera incompleta.

  • @torresroseteerickalejandro2096
    @torresroseteerickalejandro2096 2 роки тому +1

    Por un 10 en mi práctica final de html, muy buen video y buena música de el mejor juego de los tiempos el pou gracias!.

  • @luisleonardocastillo6502
    @luisleonardocastillo6502 4 роки тому +4

    Perfecto, sencillo y elegante. un suscriptor nuevo. Gracias por compartir!

  • @jhonfredyperalta9879
    @jhonfredyperalta9879 4 роки тому +1

    Me encanta... Es muy sencillo y eficiente..... Me ayudo muchísimo

  • @cristianm.t6957
    @cristianm.t6957 4 роки тому +2

    Hola. Una pregunta puedo modificar el background del encabezado para que en vez de recto sea en diagonal a los lados ?

    • @EpicasReviews
      @EpicasReviews  4 роки тому

      Si lo puedes hacer saludos

    • @cristianm.t6957
      @cristianm.t6957 4 роки тому

      @@EpicasReviews como ? O donde puedo encontrar un lugar que hable del tema. Por cierto muy buen video

  • @thebroki6684
    @thebroki6684 2 роки тому

    EXCELENTE ASESORIA MASTER!!! Y MUY BIEN EN BRINDARNOS INFORMACION O FUENTE BIBLIOGRAFICA.

  • @edisonmolina6672
    @edisonmolina6672 3 роки тому +1

    gracias gracias gracias!!!! sin rodeos me ayudaste inmensamente!!!!

  • @PaolaEstrella-z9u
    @PaolaEstrella-z9u Рік тому

    Me a servido bastante!!!, Muchas gracias!!!❤

  • @chicosurf9743
    @chicosurf9743 3 роки тому +2

    Gracias, ¿Cómo puedo hacer para que al dar clic sobre uno de los botones del menú me direccione a una página nueva o por lo menos a una sección de la misma página?

  • @navarroana37
    @navarroana37 4 роки тому +4

    Muy buen tutorial!!! Me sirvio mucho !!! El unico problema es que al finalizar el menú no puedo ver el segundo color que tendria cada parte de la página al deslizar la flecha sobre esos elementos y no se que podria ser ya que lo hice tal cual dise el video

  • @samygamer3810
    @samygamer3810 4 роки тому +7

    Muy bien explicado el video amigo pero me gustaría saber como hacer para que cuando pulses un botón de la barra este te lleve a una zona especifica de la pagina

  • @eler8292
    @eler8292 10 місяців тому

    Muy bien explicado Mr. Pou💯💯

  • @elianamarcelaortizholguin9466
    @elianamarcelaortizholguin9466 3 роки тому +2

    EXCELENTE VIDEO!!!! ME AYUDÓ MUCHISIMO PARA MI TRABAJO!!

  • @jairemmanuelarguellesb859
    @jairemmanuelarguellesb859 3 роки тому

    una pregunta no se si me equivoque pero no me sale lo de la segunda parte del estilo css me podrias ayudar

  • @jeroo4770
    @jeroo4770 2 роки тому +1

    sos muy crack, excelente manera de explicar

  • @Knife8
    @Knife8 2 роки тому

    tengo un pregunta, como hago mas links para mi pagina o como hago mas paginas aparte de la base? no se si entendas xd

  • @samylodbrok6235
    @samylodbrok6235 3 роки тому +1

    Bro, eres el mejor, me ayudó muchisimooo!!

  • @maucoder
    @maucoder 3 роки тому +1

    Gracias por el video, me ayudaste con mi primer proyecto serio en JavaScript.
    Si obtengo empleo seria gracias a usted jaja. (aunque no lo obtenga igual gracias :D)

  • @christiangallegos9790
    @christiangallegos9790 4 роки тому

    y para que serviría el ??

    • @EpicasReviews
      @EpicasReviews  4 роки тому

      indica que es para la navegacion de la pagina ayuda para poner etiquetas y luego con el SEO saludos

  • @alejandrod.v.v3346
    @alejandrod.v.v3346 2 роки тому

    Tengo un problema, el color que deberia ser del menu (en este caso un azul marino) cubre todo el texto cuando solo quiero que lo unico de ese color sea el propio menu, como soluciono esto?

  • @angeltec-xy4vo
    @angeltec-xy4vo 3 роки тому

    yo tengo un problema que hice algo parecido, pero no se por que siempre me sale la pagina en blanco, laguien sabe si es un error del navegador o de la aplicacion?

  • @secuestratopos3310
    @secuestratopos3310 2 роки тому

    Me salvo el semestre muchas garantías 😘 🙂

  • @fernandovasquez8872
    @fernandovasquez8872 3 роки тому

    te lo agradezco mucho me ayudo como no tienes idea seria bueno que a las pestañas se les pudiera poner info a la hora de darle un click

  • @Phoenix_014
    @Phoenix_014 3 роки тому +1

    Fua amigo que buenismo video sin tanta cosa, facil de enteder buen viedo :D

  • @bernardomartinez6698
    @bernardomartinez6698 3 роки тому +1

    Uff nada mas por ese soundtrack epico ya tienes mi like sin ver el vídeo xd

  • @eliesser6848
    @eliesser6848 3 роки тому +1

    Gracias me ayudo mucho, like y nuevo suscriptor

  • @Mr.Sebaasss
    @Mr.Sebaasss Рік тому +1

    Muy buena información,concisa pero bien explicada

  • @lymonpie-e1519
    @lymonpie-e1519 4 роки тому +3

    Tengo una duda..¿puedo utilizar block de notas para colocar la barra de menu?

    • @Henry_Nunez
      @Henry_Nunez 3 роки тому

      Por supuesto amigo. Lo puedes usar

  • @soportetiweb6643
    @soportetiweb6643 3 роки тому +2

    Excelente muy claro, sencillo y preciso.

  • @Naxo234xd
    @Naxo234xd 3 роки тому +2

    Bien explicado y encima con musica del pou que otra cosa mejor puede aver?

  • @ismaelperalta176
    @ismaelperalta176 3 роки тому

    hola bro, ¿como hago para que cuando seleccione una opción en el menu se quede seleccionado?, osea que se quede con el color la opcion que le dí un clic

  • @josefabry1754
    @josefabry1754 3 роки тому

    y como se quita el background en el que no hay contenido? es decir como hago para que el background solo llegue hasta donde hay contenido?

  • @TheKampeador
    @TheKampeador 2 роки тому

    Saludos desde el 2022, La palabra Crack queda pequeña al lado tuyo muchas gracias :D

  • @juliogranados8930
    @juliogranados8930 2 роки тому +3

    listo solo me falto agregar esto a .menu li{ margin-left: 120px;} para que el menu se centrara un poco mas al medio. El resto esta excelente

  • @ZagenWTFoficial
    @ZagenWTFoficial 4 роки тому +2

    Muy bueno el tutorial, una consulta.. como se hace para que cuando le haga click y me redireccione a otra parte de mi web no pierda el menu? Por ej: Si estoy en Inicio, hago click en otra sección del menú llamada, contáctanos. Me lleve a tal sección y me siga apareciendo el menu?

    • @EpicasReviews
      @EpicasReviews  4 роки тому +1

      amigo para hacer eso te recomiendo, tienes que poner el menu en todas tus paginas y listo saludos!

    • @Henry_Nunez
      @Henry_Nunez 3 роки тому

      @@EpicasReviews 🤔

  • @coca7895
    @coca7895 2 роки тому

    y como se hace para que sea funcional? osea que lo toques y te muestre contenido

  • @luisfernandorosadobenitez508
    @luisfernandorosadobenitez508 4 роки тому +2

    hola bro me gusta el video me ayuda mucho ya que tengo que hacer una pagina web avanzada y llevara un menu , mi pregunta es... como puedo cambiar la ubicacion de menu ? para que en vez de salir hasta arriba salga mas abajo. si puedes contestarme lo antes posible me urge bro gracias!!

    • @EpicasReviews
      @EpicasReviews  4 роки тому +2

      hola amigo utiliza css con un button: 0 y margin: 0 saluds

  • @276-t5c
    @276-t5c 2 роки тому

    GRACIAS
    Fácil y sin una hora para tener que explicar

  • @MAIKLOG1
    @MAIKLOG1 Рік тому

    gracias bro gracias a ti podre aprobar una materia jeje

  •  4 роки тому +1

    Me gustaría saber como hacer que el menu se muestres en todas las pestañas y que sea responsive porfa espero me respondas me ayudas y tendas un su mas y te lo agradecería un monto ya que apenas estoy iniciando

  • @zowi197
    @zowi197 3 роки тому +1

    la música del pou jajaja épico

  • @nukk_yt6830
    @nukk_yt6830 4 роки тому

    Tengo una pregunta
    Como hago para trabajar dentro del menú por ejemplo quiero escribir algo en el Inicio, como hago?

  • @freddyperez7952
    @freddyperez7952 3 роки тому

    hola amigo que tal , que buen tuto, tengo una duda, soy novato en esto, mi pregunta es como rayos enlazo los dos documentos? veo que hiciste un documento llamado menú y otro aparte llamado estilo pero al darle clic al documento del menú se ejecuta lo que hiciste en el de estilo, como haces que se se refleje eso todo lo de los dos documentos? si los estas haciendo por separado...

    • @EpicasReviews
      @EpicasReviews  3 роки тому

      si se hace por separado solo tienes que prestar atencion al video

  • @gustavo-iv2li
    @gustavo-iv2li 10 місяців тому

    gracias, amigo buen, tu explicación es muy buena

  • @applehead5335
    @applehead5335 2 роки тому

    Amigos, y si quiero bajar el menu o ponerlo en una parte en especifico que le pongo?

  • @HUMAGAMES821
    @HUMAGAMES821 4 роки тому

    hola como puedo crear paginas dentro en mi pagina web con la cabecera fija solo cambia en el tronco de la pagina?

  • @Hielodev_cortos
    @Hielodev_cortos 3 роки тому

    y para ponerle contenido :v? osea que al tocar una de esas opciones actualize la pagina

  • @christopheralexishernandez9245
    @christopheralexishernandez9245 3 роки тому

    Una pregunta, ¿esto se puede hacer en un bloc de notas? ¿o hay que hacerlo en un programa especial como el tuyo o se puede hacer también en *Notepad ++* ?

  • @maresmartinezoscaralejandr3419
    @maresmartinezoscaralejandr3419 3 роки тому +2

    Wow excelente video muy bien explicado saludos hermanito muchas gracias

  • @Henry_vargas
    @Henry_vargas 4 роки тому +2

    Gracias Profesor, Me Fue De Mucha Ayuda... Like

  • @lautaron3717
    @lautaron3717 2 роки тому +1

    Buenisima la explicación, gracias

  • @pabletee_3596
    @pabletee_3596 4 роки тому +1

    Hola, ya hice el menu pero ahora cuando quiero escribir texto me aparece subrayado y si clico en el se pone naranja, como si tuviera las propiedades del menú, como quito eso?

    • @EpicasReviews
      @EpicasReviews  4 роки тому +1

      Eso es por css, coloca la propiedad text-decoration: none

  • @andySXE
    @andySXE 4 роки тому +2

    Muchas gracias por tu explicacion. fue muy clara. Una consulta.. como pongo a los links en el medio del menu? porque quedaron todos alineados a la izquierda. muchas gracias por el video. me sirvio mucho

    • @AdrianElXDBro
      @AdrianElXDBro 2 роки тому

      no seria mejor ponerlos en el centro con
      .-.

  • @karenchirleycabezascontrer9125
    @karenchirleycabezascontrer9125 3 роки тому +1

    enseñas genial muchas pero muchas gracias ♥

  • @coroblanco2205
    @coroblanco2205 Рік тому

    Lo que pasa es que está todo el texto hacia la derecha y no centrado, podria explicar que tenemos que cambiar para centrarlo? ya vi que Chris lo ha explicado pero no me sale centrado tampoco. Gracias por el video

  • @jonathancaceres4981
    @jonathancaceres4981 2 роки тому +1

    Genio, Genio Genio!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @frankitopri1762
    @frankitopri1762 2 роки тому +1

    Excelente video y muy buena música

  • @FacuPrograma
    @FacuPrograma 2 роки тому

    muy bueno luego lo pondré en practica , gracias por compartir tus conocimientos

  • @tiburoncin3955
    @tiburoncin3955 4 роки тому

    Oye bro una pregunta, yo antes de mi menu de navegacion puse el titulo de mi página, la cuestion es que al poner el: . menu li a:hover
    Y poner el background, el cuadrado que aparece cuando paso el cursor por ahí invade la zona del título, entonces te queria preguntar en donde puedo establecer una separación entre el titulo y la barra de nav?

    • @EpicasReviews
      @EpicasReviews  4 роки тому

      tines que ver los estilos css en tu pagina amigo saludos!

  • @maicolpiamba4718
    @maicolpiamba4718 2 роки тому

    gracias me isiste sacar un 10 en informatica

  • @emmanuelnegret7310
    @emmanuelnegret7310 3 роки тому

    Cómo haces para poner el cajón de aplicación en el escritorio?

  • @glennmartinez4428
    @glennmartinez4428 4 роки тому +1

    gracias por el video, es de gran ayuda, muy bien explicado

  • @raslo1568
    @raslo1568 4 роки тому +1

    Muy grande!!! Has hecho que algo que no sabía hacer lo haya hecho en media hora! Mil gracias. Cómo se hace para poner cada sección del menú de un color diferente?? (por ejemplo "contacto" en rojo, "inicio" en negro o "servicios" en verde. Gracias! +1 like y suscriptor!

  • @oscarcastro3835
    @oscarcastro3835 3 роки тому

    No me funciona para Blogger, que otro programa puedo utilizar?

  • @arturodisenador290
    @arturodisenador290 3 роки тому +1

    Si me sirvió, muchas gracias

  • @TheChersa12
    @TheChersa12 2 роки тому +1

    Excelente tutorial! una pregunta, no comprendo por qué en .menu li a{ está display: block (tengo entendido que se apilan como bloques), si después de todas formas en .menu li{ necesito poner display: inline-block para que se vean de costado, que es lo que necesito. Osea a lo que voy, es que tan necesario es poner ese display: block, desde ya, muchas gracias!

  • @eduardofree9149
    @eduardofree9149 4 роки тому

    Hola agradezco tu pronta respuesta y recomendaciones ...Mi duda es para que sirve aprender Html y Css si con los programas de Adobe no se usan..o con esos programas de Wix y Wordpres entre otros tantos donde editas una pagina web en 5 minutos....EN fin de antemano muchas gracias por tus valiosos comentarios..Saludos cordiales.

    • @EpicasReviews
      @EpicasReviews  4 роки тому

      el sentido de aprender HTML y CSS es para poder entender como funiona la creacion y ejecucion de de una pagina o aplicacion WEB ¿Es estrictamente necesario aprender HTML y CSS?
      R: no necesariemente como ya mencionas con esas herramientas como WIX puedes hacer una pagina, pero a la hora de realizar algo mas complejo o algo que no este dentro de los parametros dentro del editor que estes usando si o si tendras que aplicar conocimientos en HTML CSS o JS
      como analogia piensa ¿es necesario aprender a sumar restar dividir si todo lo puedo hacer con la calculadora del celular?
      Recomendacion si vas hacer una pagina sencilla informativa para algun producto y que su fun no sea mas que mostrar informacion no es necesario que estudies HTML CSS y Js
      con un buen manejo de estos programas que mencionas te sera suficente, saludos

  • @cayde0667
    @cayde0667 3 роки тому

    Cómo hago para q por ejemplo en la pestaña de inicio pueda hacer click y me mande a una página y así ?

  • @edgarr8505
    @edgarr8505 Рік тому

    Cómo se hace para que cuando abra la página ya salga el contenido de la página inicio y se oculte cuando se les de clic a las otras páginas?

  • @Lofi-Songs3412
    @Lofi-Songs3412 2 роки тому

    gracias carnal me salvaste la vida

  • @mauriciosanchez78
    @mauriciosanchez78 4 роки тому +1

    Muy buen video , te volviste mi profe papa , new sub bro.

  • @hola-ej9fn
    @hola-ej9fn 2 роки тому

    Cuando continúo digamos con y lo miro me aparece con lo negro y como ago para que se quede solo con lo de arriba y no sigua con lo de abajo

  • @eduardofree9149
    @eduardofree9149 4 роки тому +2

    Por ultimo, con Html y css Y Puedo trabajar como diseñador de paginas web ?( Principiante claro) Saludos Cordiales

    • @EpicasReviews
      @EpicasReviews  4 роки тому

      Si amigo, hasta con programas con adobe muse y Adobe Ps

  • @Yoward95
    @Yoward95 5 років тому +2

    A mi entender el font-family y background de la etiqueta [body] en css fue innecesario. Buen video!!

  • @cerg3212
    @cerg3212 3 роки тому

    Y como añado contenido a las casillas?? O ya tienes un video de eso?

  • @ernestougarte9751
    @ernestougarte9751 2 роки тому

    mis respestos bro , exitos en todo papi

  • @LuisArmas-k2x
    @LuisArmas-k2x Рік тому

    hola, gracias, lo hice pero me quedan los botones pegados no sé como separarlo

  • @vidalkhael6405
    @vidalkhael6405 2 роки тому

    Bro como sería cambiar de color cuando haces click a un botón por fa me ayudarías muchísimo

  • @davidalejandroballen4223
    @davidalejandroballen4223 3 роки тому

    Wow que video tan genialllllll , muchas gracias me ayudó mucho jajaja

  • @rocketvelazquez1878
    @rocketvelazquez1878 2 роки тому

    por que no me aparece el fondo establecido para mi paguina?? susede en cuanto coloco el link

  • @Zeuscrypto98
    @Zeuscrypto98 2 роки тому

    justo lo que necesitaba gracias por el aporte :)

  • @andrymartinez5852
    @andrymartinez5852 2 роки тому

    Hola, muy bueno tu video, tengo una pequeña duda, como hago para que el efecto de pasar el mouse por encima de las opciones funcione también en móvil?

    • @andrymartinez5852
      @andrymartinez5852 2 роки тому

      O para que en móvil el menú se ponga vertical, si me pueden ayudar les agradecería

  • @damfilthsfu
    @damfilthsfu 4 роки тому +1

    Buen video! Como puedo continuar con esta pagina para que cada opción del menú se despliegue en la misma pagina, pero que el menú permanezca fijo(sin ponerlo en cada html? Podrías hacer una segunda parte de este video por favor?

    • @EpicasReviews
      @EpicasReviews  4 роки тому

      para eso tendrias que hacer un menu en php con una cabecera que vaya cambiando dinamicamente, por ahora no puedo hacer una segunda parte, saludos!

  • @leyendadan
    @leyendadan Рік тому

    Bro, para indicar que un documento esta en español se usa: "" y no UTF-8, eso es para otra cosa.