Aprenda HTML semântico em 30 minutos

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ย. 2024
  • Aprenda #HTML semântico de forma prática, entenda como funcionam as principais tags deste recurso
    🟢 Participe da Front Week: materiais.hora...
    Neste vídeo você aprenderá sobre tags semânticas do #HTML5, como: main, section, header, nav, footer e outras
    Adicioná-las ao seu projeto é fundametal para dar sentido as áreas do seu site, se não você terá apenas um mar de divs
    Esta prática vem se tornando cada vez mais comum, pois também auxiliar no #SEO do seu projeto
    Ou seja, todo programador precisa aprender HTML semântico!
    ⭐ Conheça a Comunidade: www.horadecoda...
    🔴 Instagram: / horadecodar
    🔷 Telegram: t.me/horadecodar
    🟣 Discord Hora de Codar: / discord

ความคิดเห็น • 53

  • @JonasFrancoDev
    @JonasFrancoDev ปีที่แล้ว +5

    Poderia ter falado do

  • @gersuer
    @gersuer ปีที่แล้ว +24

    Fala professor! Comprei seu curso de React no Udemy e antes de começar estava bem receoso de não conseguir aprender, estou gostando muito e até o medo do react perdi kkkkkkk Parabéns pela didática e pelos conteúdos, to sempre antenado aqui e aprendendo bastante.

  • @Brendosl
    @Brendosl ปีที่แล้ว +7

    Que obra de arte esse conteúdo , muito obrigado por ter me tirado do escuro

  • @valterantonioferreira9968
    @valterantonioferreira9968 2 หลายเดือนก่อน

    Excelente aula, parabéns.

  • @JoaoPaulo-ox6pr
    @JoaoPaulo-ox6pr ปีที่แล้ว +2

    vídeo maravilhoso, a que eu mais tinha dúvida era article
    criando um projeto nesse exato momento, e como comecei faz pouco tempo, ainda dá pra otimizar meu html

  • @1.brandonbatista
    @1.brandonbatista ปีที่แล้ว +2

    Obrigado por dividir este conhecimento. seus vídeos estão me ajudando muito. espero em breve poder participar dos cursos, podendo também contribuir com seu trabalho.

  • @blackout6140
    @blackout6140 ปีที่แล้ว +1

    Quando o conteúdo é top, já dou like antes de assistir. Obg prof Matheus!

  • @gabrielo144
    @gabrielo144 ปีที่แล้ว

    Susa aulas é muito boa, direto e reto no que precisa ser aprendido real!

  • @eliassilva7332
    @eliassilva7332 ปีที่แล้ว

    parabéns ótima explicação em poucos minutos entendi a semântica do html
    didática fácil de entender

  • @caioroberto3928
    @caioroberto3928 ปีที่แล้ว +1

    Fala Matheus que excelente aula introdutória a questão de estruturação das páginas da web, muito obrigado por compartilha seu conhecimento conosco, abraços.🤗

  • @heisthomaz8184
    @heisthomaz8184 ปีที่แล้ว

    Cara, a sua didática é impecável

  • @luizaugustobessa9577
    @luizaugustobessa9577 ปีที่แล้ว

    Parabéns, muito bem explicado! Sanou todas as minhas duvidas, obrigado!

  • @eric-hw2jj
    @eric-hw2jj 8 หลายเดือนก่อน

    que belo video com ótima explicação!

  • @renatoalves4454
    @renatoalves4454 ปีที่แล้ว +4

    Matheus é top de linha, lança um curso de Django

  • @marlonalves813
    @marlonalves813 ปีที่แล้ว

    Didática impecável! Muito obrigado.

  • @iguuz21
    @iguuz21 11 หลายเดือนก่อน

    Conteúdo nota 1000!!!

  • @emilianocosta1243
    @emilianocosta1243 11 หลายเดือนก่อน

    Muito boa a aula, foi esclarecedor

  • @amandacaltran8821
    @amandacaltran8821 ปีที่แล้ว

    Que show de canal..
    Ja ganhou uma inscrita
    Obrigada pela explicação professor.

  • @vanderleymarques4403
    @vanderleymarques4403 4 หลายเดือนก่อน

    Eita! Um dia eu chego lá.

  • @anselmonascimento3324
    @anselmonascimento3324 ปีที่แล้ว

    Conteúdo bem explicativo parabéns.

  • @prkauan8879
    @prkauan8879 ปีที่แล้ว +1

    Muito bom cara, parabéns pelo conteudo

  • @SabrinaOliveira-tj5ue
    @SabrinaOliveira-tj5ue ปีที่แล้ว

    Ajudou muito. Obrigada!

  • @rdrdigital
    @rdrdigital ปีที่แล้ว

    Aula top!! parabéns pela didática Matheus

  • @light-015
    @light-015 5 หลายเดือนก่อน

    Top demais!

  • @valterantonioferreira9968
    @valterantonioferreira9968 2 หลายเดือนก่อน

    Pretendo comprar seu curso de React no Udemy

  • @carlosroberto-gh1jc
    @carlosroberto-gh1jc ปีที่แล้ว

    muito bom o conteudo!

  • @oCarlos__
    @oCarlos__ ปีที่แล้ว

    tava fazendo seu curso de php, queria mt ver um curso de laravel seu

  • @enzocosta8665
    @enzocosta8665 ปีที่แล้ว

    Aulaa top demais

  • @Willian326
    @Willian326 ปีที่แล้ว

    Sua aula é muito boa professor, eu aprendi muito com você. Porém acho que você deveria trazer aulas com vocabulário mais fluído e com começa trazendo mais dinâmica para o vídeo.
    Obrigado pela aula professor.

  • @MarceloOliveira-wh5hm
    @MarceloOliveira-wh5hm ปีที่แล้ว

    Alguém percebeu o easter egg no min 9.17? Rsss
    Parabéns pela aula Matheus!

  • @leandrodukievicz462
    @leandrodukievicz462 ปีที่แล้ว +2

    Professor, gostei do vídeo e realmente me ajudou, só uma dúvida pra ver se me ajuda a entender a lógica, e se eu usar a meta tag
    o quanto essa metatag ajuda no seo e no motor de busca? ajuda muito ?

    • @Evanjj_
      @Evanjj_ ปีที่แล้ว +1

      Essa meta é importante na buscar do navegador pelo usuário. Se o seu site é focado em Programação, sobre html, css, js etc... o quanto tu for mais especificado na descrição do seu site através da meta tag description, o seu site vai aparecer mais nas buscas por esse conteúdo.

  • @esdrascorrea4106
    @esdrascorrea4106 ปีที่แล้ว +1

    Ótimo conteúdo!!!!!

  • @paulodurvik
    @paulodurvik ปีที่แล้ว

    Esse melhor conteúdo gratuito do TH-cam. Eu sou João e acompanho o canal e por experiência posso garantir.
    Ansioso pelo evento pra fortalecer a comunidade mão na massa, mão na roda, mão no código.
    Professor corrigindo um vídeo eu comentei que era contra fazer faculdade, mas comecei uma em Coding. Mas não é ruim é informação tô gostando de estudar, então é official.
    Tô juntando dinheiro pra entrar na comunidade 💪💪 Vlw parabéns!!!!

  • @LEKYNH4
    @LEKYNH4 ปีที่แล้ว +2

    Fala professor!!!!

  • @portalmundoweb
    @portalmundoweb ปีที่แล้ว

    Ótima aula!. Só a pronúncia do "nav" que não é com o "é" e sim com "a" mesmo! Rs valeu 👍🏻

  • @teteudev
    @teteudev ปีที่แล้ว

    No header não poderia ser colocado um h1?

  • @johnnBFriends
    @johnnBFriends ปีที่แล้ว

    Mano eu tô com dificuldades para colocar imagem como background,para texto ficar por cima da imagem, já tentei : background-imagem: url( Não aparece) , já tentei bg-imagem, ja tentei body { background-imagem: url( Não aparece) } , em um projeto apareceu depois de dois dias kkk vai entender. Somente aparece sem erros como img src="..." :( , Eu etou estagnado nisso eu somente siguirei para o próximo nível quando superar isso...

  • @tatianesantossilva8611
    @tatianesantossilva8611 ปีที่แล้ว +2

    nao entendi foi nada

    • @andreriffen
      @andreriffen ปีที่แล้ว +1

      Talvez seja o caso de vc revisar aulas de HTML

    • @saduca
      @saduca ปีที่แล้ว +1

      Oi, @tatiane santos silva! Dá pra desenrolar isso.
      O HTML tem, na sua origem, uma maneira de dar forma às páginas de um site.
      Infelizmente, a maioria dos cursos passa batido por esses tópicos e fica parecendo que é novidade.
      Se vc quiser dominar esse assunto e acabar com suas dúvidas, pode pesquisar por tutoriais que esmiuçam o tema.
      No YT msm, vc encontrará playlists que explicam sobre as TAGs HTML e como usá-las. Algumas são antigas até, da época de lançamento do HTML5.
      Tb vale a pena conferir a importância do HTML semântico pra (1) viabilizar a acessibilidade na navegação e (2) otimizar o ranking do site junto aos buscadores; o chamado SEO, Search Engine Optimization (otimização para mecanismos de busca).
      Boa sorte nos estudos!

  • @Brenogss
    @Brenogss ปีที่แล้ว

    O curioso é que quando inspecionamos esses sites de e-comerce,página de esportes,food entre outros,vemos tudo sendo feito a base de divs.

    • @rawsantos9638
      @rawsantos9638 ปีที่แล้ว

      É para eles se guiarem ainda, tem projetos que só com o semântico nem sempre é o bastante

    • @Brenogss
      @Brenogss ปีที่แล้ว

      @@rawsantos9638 É algo que deveria ser melhor explicado,pq quem tá começando fica perdido pq se fala muito na semântica, mas vemos que grandes empresas usam divs em seus projetos.

    • @rawsantos9638
      @rawsantos9638 ปีที่แล้ว

      @@Brenogss pois é

    • @Cookieukw
      @Cookieukw ปีที่แล้ว

      cada um faz melhor da forma q achar. a semântica dxa mais organizado mas n e necessário e como vc msm já viu, o site funciona da msm maneira q se tivesse tag semântica

  • @tatianesantossilva8611
    @tatianesantossilva8611 ปีที่แล้ว

    😩

  • @carlosroberto-gh1jc
    @carlosroberto-gh1jc ปีที่แล้ว

    o cara do one bit code vai explicar o que sematica , fica parecendo que ta correndo uma maratona . faço o curso por causa do diplomo , porque os detalhes os cara nao explica .