Criando um menu horizontal com HTML e CSS
Вставка
- Опубліковано 5 лют 2025
- Para esse projeto, criamos uma tag do tipo nav já que ela é a tag semântica destinada a agrupar elementos de navegação, como no nosso caso, um menu. Dentro da tag nav, usamos uma lista não ordenada, mas poderíamos também utilizar a ordenada, não haveria diferença, já que estilizamos ela no CSS.
Curso PHP com MVC: academy.satell...
Artigo oficial com o código: satellasoft.co...
Academy SatellaSoft: academy.satell...
![HTML e CSS - Aprenda a criar 5 layouts de sites mais comuns na Internet [FLEXBOX]](http://i.ytimg.com/vi/sSkmBxsaJWg/mqdefault.jpg)
Cara muito boa a maneira como você explica. Parabéns.
Muito obrigado! É muito bom ver aulas de pessoas que explicam tudo que estão fazendo, sem deixar nada de lado. Me ajudou demais!
Vim assistir porque eu queria fazer uma estrutura de abas no meu projeto, mas o vídeo não era sobre isso, mesmo assim assisti completo e prestando atenção. Quando fui fazer as abas no meu projeto, eu estava com um problema que, quando eu usava " width: 100% " nas "abas", ela quebrava o layout, a largura da aba ficava sobrepondo a largura da tag mãe, não respeitava o padding, pesquisei algumas possíveis soluções mas nenhuma resolvia, aí lembrei do que você falou sobre o box-sizing: border-box e apliquei, resolveu na hora, muito obrigado. Vim em busca de cobre e encontrei foi ouro
Obrigado! Excelente didática. Aguardo os próximos menus que é tudo que preciso.
show de bola essa aula, me ajudou muito, top demais!!!🤜🏼🤛🏼👍
Muito obrigado!!Eu precisava dessa informcao pra terminar de clonar a tela de login do banco do brasil e gracas a voce eu consegui terminar!!🤗
Pls Ive been looking for this for a long time and finally I found u!! You're literally a life saver. It kinda took a while to download but it still worked.
Estou aprendendo a criar cabeçalhos e menus de navegação e vídeos como esse seu tem me ajudado bastante, e eu aprendi a fixar algum item na direita ou esquerda que não sabia antes, mas graças a seu vídeo aprendi e estou colocando em prática deixando meus sites cada vez mais bonitos, muito obrigado pelo conteúdo de qualidade e continue postando aulas didáticas para a comunidade, abraços vlw
Otima explicação. Eu estava ficando neurótico para saber fazer um menu desse obg
Era o que estava procurando. Aula didática e explicativa. Já sou seu seguidor.
Sucesso!
Pow, que aula excelente essa hein professor?! Super didática! Muito obrigada! Aprendi muito nessa aula.
Excelente aula! Muito obrigada, professor!
Parabéns, eu estou iniciando e essa aula complementou muito meus estudos👏👏👏
Comecei a ver hoje HTML, sua aula é muito boa.
Mas entendo que como comecei a estudar hoje, tem coisas que não entendo, mas se foi muito rápido nas explicações, na verdade você esta ensinando para quem já sabe realmente mexer em HTML.
No mais deu para entender um pouco, obrigado.
omita aula, eu sou iniciante, venho trabalhando em projetos sozinho, quando me deparo com erros procuro por soluções... vc ajudou demais.
parabéns pelo trabalho , consegui apreender o que eu queria, sucesso
Boa noite, nossa sensacional a aula gostei muito me ajudou bastante.......sucesso!!!
Estou iniciando no html e css , mas seu video já me deu uma grande ajuda .
It really worked for me after I look and try some tutorials, yours is the one that worked. Owe you a lot.
video muito foda, um dos melhores que eu vi ate agora. parabens.
Obrigado!
Nada mais nada menos que sensacional, PARABÉNS pelo vídeo, muito bom assistir aulas assim.
Excelente explicação! Simples e direta, me ajudou muito em um projeto!
Que bom que ajudou :D
Muito bom, simples e direto.
Ajudou muito, obrigado.
Muito bom o tutorial! Like na certa. Obrigado.
Que sucesso....
Por mais Menus assim.
Muito obrigado por esse aprendizado, abordagem muito bem explicativa!!!!!!
Obrigado teacher, tirou todas minhas dúvidas, e que vídeo aula gostosa de ouvir e aprender
, valeu pelo conteudo
Cara, muito bom mesmo!! Muito obrigado, comecei os estudos tem um certo tempo de HTML e CSS, esse vídeo me ajudou muito agora na parte de menu, navegações mais ainda, vlw sucesso!!
Muito bom seu conteúdo. MT prático e detalhado. Obg pela excelente aula!
Ótimas aulas... Parabéns pelo trabalho.
Otimo video, ajudou bastante, inclusive com as dicas no final 🙌
Grata pela aula, ajudou muito, ganhou mais uma inscrita
:D
Excelente abordagem, professor 👏👏👏
rapaz que fod@....eu to iniciando e iniciando sobre html e o treco é lindo de se aprender.
mas voce vai fazendo tudo rapidao.
o engraçado foi eu olhando tu por o menu do jeito q eu pensei e eu disse Q FOD@.
aí tu "nao n ficou bom "
Excelente! Ajudou demais, obrigado!
Top, top, top 👏👏👏👏👏👏
Muito bom. Direto e didático, sem firulas.
Nossa, muito obrigada! Seu vídeo foi de grande ajuda para mim!😊
:D
Muito obrigado meu amigo! Parabéns pelo conteúdo, ajudou demais!
Obrigado pela ajuda que me deu, ganhou mais um inscrito
Valeu! Sr sabe muito do que faz!
Bem bacana, menu bem simples e funcional, ótimo conteúdo. Um exemplo de 3 níveis seria ótimo! Abç.
Bem objetivo sem enrolação
Really nice and helpful... Thanks!
Muito bom, parabéns, me ajudou demais!
This was so helpful!! Thank you
vídeo ótimo. Mas no final não consegui centralizar os itens da lista... pq será? to quebrando a cabeça aqui.
muito bom o video !!
amigo meu fica dentro de um quadrado como se ele tivesse separado do , quando coloco background-color aparece um quadrado transparente nas palavras
i really apreciate your help with dowloanding this software
Foi muito bom me ajudou muito. Obrigado professor.
Excelente, ganhou um inscrito!
Obrigada me ajudou muito de verdade
eu consigo colocar esse bloco do em um arquivo a parte para colocar o menu em varias paginas e na hora de fazer alguma altração fazer só em um lugar?
ótimo conteúdo, assisti no modo lento pq sou lento kkkk. parabéns e obrigado.
Didática excepcional
Ótimo vídeo, vlw!
Muito Obrigado me ajudou demais!!!
como faz para alargar o menu horizontal? invés de ficar só ali no canto mas ocupar tudo ou quase? alargar na horizontal mesmo
que video bom, muito obrigada!
muito bom professor obrigado, Deus te abençõe.
Tenho uma pergunta, no caso eu queria colocar uma imagem de uma logo no lado esquerdo da pagina junto com o menu, o que eu deveria fazer ?
Valeu mestre, muito bom
👍
Ficou muiiito bom
Ótima aula!!!
Muito obrigado
Muito bom, como colocar um dopdown menu aí no meio?
Muitissimo obrigado, poderia mostrar como centralizar ele, o menu?
na parte do float: rigth nao funcionou.... nao sei pq.
Excelente!
year for all of us, for so- it's still ongoing. i respect you for being honest as that's what's been keeping a bit sane recently, just being
Ola tudo bem? Pq você coloca o transition no #menu-h li a, E não coloca no hover??
Tem algum vídeo mostrando que ao clicar numa dessas opções ele redireciona para alguma parte da pagina ?
Muito bom!!
Eu não segui passo a passo, mas adorei. Mas fiquei com uma dúvida: abri no celular e ficou horrível. É assim mesmo? Ou pq não fiz passo a passo?
esse li a e como se fosse uma uma id ? por pra por link n precisa do a href né ? logo se tiver outras ul li e só dá uma id pra que eles n sejam TDS iguais na hora de configurar
video aula sensacional vc seria ou é um exlente professor , só queria uma ajuda do code visual , o meu não aparece o autocomplete das classes ou qual quer coisa que digita no code , tem hora que ele aparece sugestão mais não completa como por exemplo ao digitar < html ele não mostra pra completar
e se eu quiser por apenas o home a esquerda e todos os demais a direita, qual seria o codigo?
aplica margin-right:auto; no primeiro elemento.
e como faço para colocar um conteúdo dentro de algum título do menu? tipo, quando eu clicar em algo do menu, abri um conteúdo sobre
o ENTRAR pode ficar full esquerda?
Meu menu não ficou na horizontal após adcionar a tag display: inline; como vc fez!
Vlw cara, ajudou muito!!!!
Obrigado professor, me ajudou bastante
Adorei, obrigado.
Top simplesmente top
It works! Thanks a lot.
Thanks Bruu
Teria vídeo de como adicionar conteúdo nessas páginas?
Muito bom, me ajudou bastante
Eu te amo!!!!
me ajudou bastante
poderia me dizer como faço para centralizar o menu na pagina, deixar ele no meio e aumentar a fonte
o meu não está ficando um do lado do outro oque eu faço?
Ajudou muito, obrigado
muito obrigado!
Muito bom mano, obrigado
Boa noite. você dá aula particular
TNice tutorials was the first video I saw to get into soft soft, tNice tutorials year in May. Today I published a Resetup from XXXTentacion "Moonlight".
bom demais
Como coloco imagem?
now i am in a good mood