Curso de HTML e CSS para iniciantes - Aula 9

[@RBtechinfo]

Pessoal, talvez não tenha ficado claro o suficiente no vídeo, o que não pode é ter mais de um ID com o mesmo nome em uma página.

[@otaviogalvaomartins167]

Meu computador não consegue fazer um arquivo CSS, não sei o que ele tem porque não da certo ja tentei de tudo até ver todas as aulas desde o inicio.

[@GuiBFH]

começou a complicar essa aula kkkk mas esse ano meu foco vai ser aprender html css e javascript

[@jakssonfelipereis6919]

Não funciona a no meu conteúdo html. Já fiz varias modificações Gostaria de enviar o arquivo, para que avaliasse por gentileza. Quero muito entender meu erro.

[@reishue8890]

putz, só em 2020 vc falou isso kkkk

[@pescipesci3301]

HTML já aprendi, só complicou agora no CSS kkk

[@gersonlucas51]

desativei o Addblock do meu navegador pra ver seus videos, por que você merece cada centavo que esses anúncios te dão!! Parabéns, essas aulas são nota 10

[@RBtechinfo]

+Gerson Lucas valeu! É uma pena que sejam centavos mesmo... tá osso viver de conteúdo atualmente...

[@gersonlucas51]

+RBtech verdade, mas aos poucos você vai conquistando o que merece! abraço, sucesso pra você

[@10leonardofs]

Acabei de fazer o mesmo! O seu ensinamento tem sido mais que útil para mim. Continue nessa, meu amigo! Sucesso para toda a galera do RBtech. Deus abençoe a todos!

[@gutemberg8038]

Muito bom

[@leoyoung749]

você tá certo, fiz o mesmo agora mesmo

[@swwanted]

19:11 - Pessoal que estão a ter problema com o hover lêem isso(fazem) A nova versão do Sublime-text não reconhece a palavra hover(por isso não tem a cor verde) Mas o código Funciona correctamente, Fazem isso. " header nav ul li a:hover{ text-decoration: underline; } " GALERA COPIEM ISSO, FUNCIONA!!!

[@matheusagape8174]

[@Mariiquintana]

Aqui ainda não deu :/

[@rodrigoreis3958]

me salvou, valeu mesmo

[@rafaelpereira7559]

brigadão mano

[@gabywitt7963]

Muito Obrigada, ajudou

[@felipeserial]

Alguém fazendo o curso em 2018? Conteúdo continua excelente mesmo depois de alguns anos! Professor mais que recomendado!!!!

[@Tobi1200]

sim

[@apodibola]

Pedro Filho

[@konps]

Sim cara, eu comecei sem saber nada com nada e agr já sei criar um site e personalizar ele

[@ProgamadorWeb]

sim

[@wagnerric2]

Boa noite caro professor Ricardo e caros colegas alunos quero agradecer a iniciativa da RBtec em postar essas aulas. São muito boas e diretas no meu caso estão ajudando muito pois não tenho conhecimento nessas linguagens. Apenas tenho conhecimento mediano de C. Acredito que essas aulas são um excelente background para cursos avançados que possa oferecer futuramente

[@victorpinasarnault9135]

Pronto, cheguei ao fim dessa aula. Da aula 1 à aula 9 em um dia ( 12h09 - 19h41). Chegar por hoje. Conteúdo básico, mas muito importante. Eu comecei a estudar JavaScript e não entendo como a linguagem e seus frameworks manipulam tags HTML, essa breve introdução dá uma certa indicação. E muito legal mexer com CSS, muito mesmo.

[@marcellodixon4899]

meudeus como voce conseguiu? uma aula eu consigo transformar em 2 hrs de erros e td mais

[@victorpinasarnault9135]

@@marcellodixon4899 eu tenho um ritmo de aprendizado bem lento, fora que gosto de tomar notas, anotar passo a passo, por isso eu demoro. Eu prefiro passar um longo período do tempo estudando, com pausas, do que estudar apenas por duas horas e esquecer de tudo no dia seguinte. Abraços. ;)

[@victorpinasarnault9135]

@@marcellodixon4899 ótimo! Aprenda com seus erros. Boa sorte! ;)

[@insideburn7751]

Um dos melhores professores que já tive, explica bem detalhado! Quando criar meu site, vai ter um anuncio recomendando você! =D

[@mahumanejr7144]

estava com o mesmo problema depois de ver esses comentarios fiquei mais tranquilizado kkkkkk vlw

[@1spanw1]

Cara tenho que dar pause e comentar que a parte mais legal que eu acho, é quando eu erro e tenho que ler o programa inteiro para entender onde eu errei, quando acho o erro me sinto foda kkkkkkkkk

[@mahumanejr7144]

tmj kkkkkkkkkkkkk

[@codekils]

Imagina eu dois anos depois... kkkkkkkkkkk estou com um nesse exato momento

[@JoaoAntonio-rf6sr]

O dilema é quando você esquece de fechar a tag, ai eu me sinto burro mesmo kkkkk

[@isaiaseduardo129]

Kkkk

[@nascimento9277]

Cara, vc explica muito bem e não se enrola na hora de falar. Parabéns pelo ótimo conteúdo produzido

[@dark7100]

Mano se ensina muito bem, quem não aprende com você e porque não quer aprender porque quem quer aprender aprende você explica muito bem parabéns, mesmo depois de 5 anos e meio o conteudo e muito bom parabéns!! Eu n consegui aprender direito essa aula refiz a aula e aprendi, so n aprende quem n quer Sabe porque eu acho vc um professor super bom porque vc explica muito bem e de um modo simples, Frase de albert eisten: "Se você não consegue explicar algo de forma simples, você não entendeu suficientemente bem."

[@KodaMuraro]

Eu estava a sofrer na utilização de #wrap, pois nenhuma alteração havia de surgir. Porém, descobri que eu deveria de deixar uma linha em branco acima de #wrap, pois então o efeito surgiria. Muito bom Ricardo.

[@sidneimaria9563]

Ricardo! Meus parabéns!!! Muito Obrigado por suas aulas! Excelentes! Sei programar em HTML com o conceito arcaico de tabelas e estava frustrado :) em não saber programação CSS, pensei até em fazer um curso presencial para aprender pelo menos o básico de CSS, no entanto antes resolvi procurar aulas na internet. Graças a Deus encontrei suas aulas, você é o cara e superou as minhas expectativas! Deus te abençoe!!!

[@manuelbentojoao4337]

O que seria de mim se nao existi-se o RBtech, nao tenho palavras pa mostrar a minha gratidao... continua assim, vc Ricardo irá derrubar montanhas...

[@leonardoleite73]

So ter foco persistencia. Muito legal to gostando muito.

[@BR_talks]

Sensacional conteudo nota 1000, 28 minutos de video 1 hora de estudos, impossivel nao pausar o video muito conteudo em so uma aula, esta de parabens pelo seu trabalho !!!!!! SHOW

[@Miche4ll]

É no CSS que a coisa começa a pipocar kkk, mto boa a aula

[@TaviriGamer]

Sim, haja cérebro e memória pra conseguir pegar a manha no CSS

[@ArthurGamer]

pra mim é o mais divertido pois mexe com estilos fontes divs etc

[@ArthurGamer]

o html é cansativo, parece que você está fazendo um trabalho de escola organizado

[@konps]

@@ArthurGamer Mas é aquele cansaço mt bom, aquele que vc quer, aquele no qual eu AMO

[@RafaelSantos-yn8wp]

Quando for aprender php ou javascript ai que se ve a cobra fuma de verdade html e css e muito facil

[@Echoes3333]

Pra quem terminou o vídeo sem entender muito, recomendo que vá vendo o que acontece quando cada parte do código é retirada. Assim você relembra o porquê de cada coisa estar lá

[@naturezapesca2266]

Parabéns RBtech pelos conteúdos, estou apreendendo aos poucos e pegando gosto pela ferramenta.

[@DezinhaNogueira]

apesar de eu estar assistindo vídeo aulas de 2014 em 2021, o conteúdo continua muuuito bom. Gostaria que ensinassem umas aulas de reciclagem e com as novidades do Javascript,Html,Css.

[@ANANI1210]

RICARDO TUAS AULAS É SHOW. COMPREENSÍVEIS . NÃO TENHO MAIS MEDOS DE CODIFICAÇÕES... VALEU

[@Larck6]

sem palavras para a sua explicação melhor que muito professor de faculdade. Hoje em dia uso o Joomla o Drupal ou o Wordpress e com essas aulas vo poder fazer uns templates insanos para esse CMS vlw e continue com esse trabalho maravilhoso

[@jeff_forte]

to fazendo técnico em informatica para internet essas aulas são perfeitas muito bom .... valeu .... abraço !!!!

[@brunopinheiro8461]

essa aula foi recheada de conteúdo, vou ter que rever várias vezes o video, muito bom tutorial.

[@joaopaulopacheco1092]

Muito legal a didática usada. Estou aprendendo bastante

[@gabrielribeiro6448]

Muito bom o seu curso Ricardo, estou acompanhando e gostando bastante. A forma em que você explica facilita demais o aprendizado.

[@macielingracio930]

Aula 9 muito interessante e ótimo aprendizado, parabéns.

[@VitorVelosoSA]

Estou acompanhando as suas aulas e estou achando fantástico. Parabéns pelo trabalho!

[@dayclessy]

Adorando as Aulas!! Me ajudando muito!!

[@wagnerric2]

Boa noite Felipe eu acompanhei esse curso em 2018 o professor Ricardo meu Xara kkk é muito bom

[@antoniofernando999]

Estou aprendendo bastante com as suas explicações. obrigado Professor

[@FillypeFarias]

Parabéns pelos seus videos! Voce tem um verdadeiro dom pra ensinar!

[@Cacoeditz]

comentando pra dizer que to aqui marcando presença na aula, valeu aee chefe

[@pedrophillipe]

2

[@Cacoeditz]

@@pedrophillipe e isso ai man vamos estudar!

[@enzoxzeno]

Finalmente consegui entender e fazer junto, tu ensina MUITO BEM!! Obrigado.

[@ProgamadorWeb]

meu css: body{ font-family:helvetica,sans-serif } a.link,a:visited{ color:#ff600; text-decoration: none; } a.hover{ text-decoration: underline; } #wrap{ width: 960px; margin: auto; background: #e3e3e3; padding: 10px 20px; } header nav ul { list-style: none; padding-left: 0px; } header nav ul li{ display: inline-block; margin-right: 10px; } header nav ul li a{ font-size: 18px; } #content{ float: left; width: 660px; } #siderbar{ float: right; width: 300px; } #sidebar{ list-style: none; } footer{ clear: both; } _________________________________________________________________________________________________________________ Meu html >>> Título da Página (Estrutura básica de uma página com HTML 5) Nome do Site Menu 1 Menu 2 Menu 3 Menu 4 Menu 5 Título da seção Conteúdo da seção Título do artigo Conteúdo do artigo Menu 1 Menu 2 Menu 3 Menu 4 Menu 5 Rodapé do site

[@TheGuilhermeMenezes]

Você manda muito bem! Valeu, cara, que você tenha o devido reconhecimento que merece. Abraços!

[@lukhardman6897]

Muito bom, didática maravilhosa. Obrigado!

[@JefersonAlan10]

Sou seu fã, mestre!

[@eternando]

Cara Muito ótimo *----* explica muito bem, ta de parabéns não se encontra cursos assim!

[@edsonlima9061]

amigo obrigado estou aprendendo muito com suas aulas, tenho uma meta de estudar por um ano html e css, para depois estudar outros como python e javascript

[@wqeqeqweqewqeqweqweqweqweq3011]

Perfeita aula e explicação como sempre Ricardo, está de parabéns!

[@igorlangendonck2204]

2019 to aqui ainda rsrsr bom, essa aula não está com continuação da aula 8, ou será q foi cortada?

[@socramgamers]

muito bom o curso estou acompanhando aula por aula... valeu

[@vlogsdozeze]

Sensacional as aulas. Até agora estou indo muito bem mesmo.

[@MarcosDesigner1]

Gostei muito, recomendo

[@valdasediciasforro]

gratidão!

[@jeffymesquita]

Definitivamente Ótimas suas Aulas!

[@PhGamer1000]

Muito bom, estou gostando demais dessas video aulas!

[@wills.9883]

parabéns por este seu trabalho. estou muito grato!

[@israelsantos3006]

alguém em 2019 ??? mano q conteúdo bom e bem feito

[@pedrolima8489]

Muito boa as explicações, top !

[@antoniosantos2728]

boa aula amigo, esta sim, foi uma aula bem mais puxada..... upssss a ver se consigo. Obrigado

[@leonardojsir]

Suas aulas são muito boas, Parabéns!

[@MCJota]

Cara, vc é simplesmente sensacional cara! Tu explica bem demais

[@ProgamadorWeb]

1 semana atrás vamos trocar umas id[eias.não achei o fundo cinza...

[@marciolvt]

Parabéns muito boa as suas aulas.

[@schrodinho4611]

Muito boa essas aulas.

[@DDtankeiros2014]

Então gente, parece que o sublime text 3 não está reconhecendo o comando hover, infelizmente eu tive que baixar o not pad++ e parece que ele ta reconhecendo todos os comandos, só vim aqui mesmo compartilhar com vocês

[@RBtechinfo]

O estilos são interpretados pelo navegador e não pela IDE, ou seja, não importa onde você escreva o comando, se o navegador onde o código for executado suportar ele será renderizado corretamente.

[@DDtankeiros2014]

ah ta bom, valeu professor abraços, to amando o curso do senhor, mais pra frente vou comprar o seu curso de sql

[@tioblack8766]

RBtech meu header e o nav não tá ficando vermelho no CSS ?me ajuda tô confuso dmais aqui :(

[@vlogsdozeze]

Isso que percebi. Não só o comando hover, mas muitos outros. Só que que quando vc bota para rodar o navegador reconhece de boa.

[@vighostff5445]

eu tbm percebi isso. esta foda. ele tambem nao esta reconhecendo codificaçao de cores no Color: e nem os comandos visited ou link

[@lcelfpavers473]

aleas estou aprendendo muito, obrigado por ensinar tao bem

[@mariamargarethsantos3091]

Excelente aula. parabéns!

[@cezarioabrantes5476]

Olá Ricardo! Não entendi o que significam a:link e a:visited no minuto 26:52. Poderia explicar melhor? Parabéns e muito obrigado pelo conteúdo!

[@Exorttaband]

Ótima aula! Precisão e aproveitamento de alto nível! !! Já inscrito no canal!!!

[@rbmdesenvolvimento]

Excelente ao aula!

[@ganhardinheirocodigo1641]

esse cara explica rapido d+

[@Lucas-vl1jo]

Agradeço pela aula cara vc manja muito se tiver algo que eu possa fazer pra ajudar...

[@Windows7Designer]

Ótima aula.

[@gustavootaviano5195]

Muito bom me ajudou bastante. Valeu

[@gustavogalvao7922]

Eu gosto muito dos seus videos..estão me ajudando bastante. Só queria fazer um pedido...faça uma breve revisão dos videos anteriores quando estiver falando de um novo vídeo. Sei que não estou pagando nada pelos seus videos, e inclusive agradeço novamente por isso. Mas acredito que isso que eu falei possa ajudar na didática do curso. Grato!

[@marisacarvalho9115]

assisti 6 vez cada video estou 10 no assunto

[@FreddieSoul]

Assistindo em 2017 muito boa sua aula adblock desativado em seu canal.

[@chaveirorj1983]

Nessa hora (css) minha mente fritou! Hahaha Mas continuo, aula top!

[@eliasdesousasilva4652]

Excelentes aulas!!!!

[@AllexandreSampaioss]

Aguardando a próxima :D

[@DDtankeiros2014]

o meu hover não fica verde, e também não pega do jeito nenhum

[@guinomao3372]

o meu tbm!!

[@vaizardkurosaki810]

vc deve ta esquecendo de fechar alguma parada ou com ; ou com }

[@MrXerep]

É a versão do sublime text que não permite ficar verde, mas o código funciona do mesmo jeito, ele só não reconhece a coloração

[@syncked]

Fiz os testes aqui, estava com o mesmo "problema" parecia não reconhecer, mas na verdade é por que o comando tem que ficar todo junto. Supondo, eu estava colocando "header nav ul li a: hover", havia espaço entre o dois pontos e o hover e isso faz com que o comando não seja reconhecido, após remover esse espaço e deixar assim: "header nav ul li a:hover" o comando funcionou perfeitamente.

[@kris-nv1fz]

talvez vc esqueceu de finalizar com ; o meu tbm não fica verde

[@sandroribeiro1005]

Boa tarde Pessoal. Ricardo mais uma vez parabens pelos seu ensinamentos, após várias vezes errando e começando de novo consegui terminar o site e ficou como o seu. Agora uma perguntinha: como faço para mostrar isso para um amigo, pois não posso publicar.

[@pedrophillipe]

muito simples, basta teu amigo ter um computador, ter os programas necessários, no caso simplesmente ele baixar o sublime text 3, copie teus links e mande para ele por email e lá ele irá abrir e ver teus códigos ^^, nunca fiz nada parecido, apenas dando uma ideia para tentar lhe ajudar meu caro amigo

[@maisonluck2950]

você é muito foda,parabéns....

[@evertonmds3817]

um do s melhores professores

[@jonathana.p.4808]

mt bom e acessivel eu nao sabia nada antes e to pegando bem

[@pato6523]

Amigo tem como me ajudar o meu não está funcionando a parte de alinha os títulos

[@fernandoassis632]

estou acompanhando os videos e da aula 8 para a 9 não tem esse conteúdo da estrutura html5, poderia me dizer em qual aula encontro o conteúdo desta aula para mim não ter q copiar sem saber para q serve o q estou escrevendo?

[@SANMISEREITOR]

Ótimo vídeo cara bom conteúdo, Ganhou um inscrito.

[@marcosviniciusgatti6605]

Muito bom !!! Parabens !!!

[@FabianoBezerra]

Ricardo, aos 14:08 do vídeo, se eu utlizar apenas o header nav li { display: inline-block;} daria problema ?

[@Luhen22]

Quebrei a cabeça, mas consegui fazer funcionar do jeito que ele passou

[@pedrolima8489]

Parabéns Cara, muito bem explicado! Coloca o instagram ai pra gente ajudar divulgar! Abraço!

[@AnaCarlaDiasBraga21BR27QC13CA]

Professor, estou usando mac, com o safari e o firefox, como eu inspeciono? Vc faz com o botão direito no PC, e no mac como eu faço? Obrigada:)

[@isavargas4733]

Uma dúvida: o que é esse "utf-8" na TAG meta?Serve pra quê mesmo? Suas aulas são ótimas,didáticas e direto ao ponto.Muito obrigada!!

[@GuiBFH]

É informar ao navegador o tipo de codificação , isso evita que fique uns códigos aleatórios no meio de palavras

[@isavargas4733]

@@GuiBFH ahh ok.obrigada!

[@fabianomaximiano]

Primeiro obrigado pelo excelente curso! Seguindo seu curso, surgiu uma duvida. Na construção do layout sugerido pelo curso, a div wrapper engloba todo conteudo certo. Caso eu queira que o footer fique com um cor diferente, sem respeitar o padding e margin da div pai como devo proceder? Agradeço desde ja sua ajuda.

[@gabrieloliveirasantos3458]

27:13 alguem me ajudaa pq quando digito a:link, a:visited e a:hover não vai alguem pode me ajudar ???

[@leoanardobassalobre6437]

pra mim tambem, sublim text 3 nao esta ajudando vo mudar de programa deve ser isso

[@claudiosimoes6009]

boa aula, aguardando o proximo video =)

[@ninobrawjunior]

man parabens pela video aula estou fazendo meu site - estou com dificuldades.. criei ele no esquema de copia e cola sabe kkkk... Então vi que precisaria implementar uns codigos logo vi que quando pegava codigo complexo - como Autocomplit hightlight com ajax e jquery - ai não vai man.. olha suas aulas são muito boa acho que vai ficar mais fácil no decorrer. .CSS muito bem explicado

[@mayconasks8127]

/* Muito Bom */ agradecimento RBtech Valeu

[@RM96077931]

Ricardo, não estou conseguindo colocar a largura do texto, como explicou na aula 9 eu já coloquei isso em estilo.css : body{font-family: Helvetica, sans-serif;} #wrap{ width: 960px; margin: auto } E mesmo assim não aparece aquelas margens laranja que você mensiona, o que devo fazer?

[@cantorjotapeoficial]

Caramba como é difícil aprender o CSS é muita informação.

[@TaviriGamer]

Olá RBTech, qual que vale a pena aprender primeiro depois do HTML/CSS? JavaScript ou PHP?

[@techfestbhz]

uma observação professor, você colocou 3 divs na mesma página, não deveria ser apenas uma div e o restante como classe ? mas olha, excelentes aulas viu, mesmo 5 anos depois estou aprendendo muito.

[@thiagomarvinSimmoesSoares]

nos 7:39 fiz tudo nos conformes mas nao separa pra mim, oque pode ser ja chequei o codigo umas 3x

[@Adrianoh20]

tem como fazer mais uma aula montando o layout inteiro? muito boa as aulas, parabéns!!

[@Queen_lust]

Olá Prof, ao utilizar um texto em aside ele nao tem ficado alinhado com meu section, teria uma ideia de como podeira deixar ele dentro dos paramentos corretos. deixei as definições igual ao do video section 660 e meu aside em 300, porem eles nao ficam nem por reza alinhados a flutuação deles e so possuem dentro deles tags com o texto ja exposto ( nada muito grande apenas os dados de contato no aside e no section a definição do site).

[@10leonardofs]

Eu também tive esse problema, olha o comentário que eu deixei: ''Eu tive muitas dificuldades em relação ao width no momento de redimensionar o content e o sidebar, na verdade, estou tendo dificuldade com resolução de uma forma geral, elas não batem com o exemplo, pq isso? alguém pode me ajudar?'' vc conseguiu solucionar o problema?

[@Queen_lust]

Leonardo Soares refiz o código todo, usando só CSS kkkk mais rápido e prático

[@wandersontargino8034]

Ola Me Chamo Wanderson e ao fazer o Roda Pé não conseguir, simplesmente o comando Clear: both; Limpou toda a coloração do background e não executou o roda pé no termino da linha, então por logica criei uma pro roda pé uma pro nome Roda pé e adicionei na mesma (css)margin e width depois add footer h3{ float: below; (below tradução abaixo) pois não achei o comando down. e ele ao menos centralizou no meio .mas ainda sem sucesso gostaria de uma explicação pra isso ,seria o programa versão 3.0 q estaria modificado com o do Senhor?pois fiz e refiz tudo umas 6 vezes. obrigrado pela aula

[@wandersontargino8034]

Na ultima etapa do css reutilizável o roda pé centralizou . então entrou de acordo .rsrsrs

[@esdrasferreira5087]

show! parabéns

[@alitech6650]

Tive problema com o comando hover, a solução que encontrei foi remover a tag "a" e ai funcionou, mas só reconhece no navegador, o sublime text não grifou a palavra como no video.

[@pedrophillipe]

na verdade, única coisa que acontece é a palavra n ficar verde, mas tudo funciona perfeitamente, faz igualzinho, sem mudar nada que tudo da certo ;)

[@thaiscristina3079]

Bom dia, estou com uma dúvida/dificuldade, será que algum pode me auxiliar? Bom, sigo o passo a passo, mas há algo que não consigo resolver e gostaria de saber se é normal ou é alguma coisa que estou fazendo errada. Quando eu uso o comando 'font-family' só aceita a sans-serif, se eu retirar a sans-serif ou acrescentar qualquer outra fonte, fica em amarelo, e ao atualizar a página, fica na forma padrão do navegador. Alguém pode me ajudar? Estou acompanhando, o curso de HTML e CSS e estou adorando ... sou iniciante na área e considero estar mais do que eu esperava, muito obrigada!

[@TheQueldi]

E se eu quiser dar um espaçamento de um submenu para o outro? Qual comando uso e onde colocarei?

[@Koldway]

para quem tem problemas com os comandos, existe um site chamado w3schools, ele lista todos os comandos e ensina a como usar eles em diferentes situações

[@matheus4424]

muito bom!