No video

Curso de HTML e CSS - Estrutura básica do HTML - Aula 1

  Рет қаралды 90,147

Otávio Miranda

Otávio Miranda

Күн бұрын

Curso de HTML e CSS - Estrutura básica do HTML - Aula 1
Esse vídeo marca o início da playlist "Curso de HTML e CSS Gratuito". Nela você vai aprender HTML e CSS o suficiente para criar uma landing page linda para seu novo site.
Nesse vídeo vamos entender a estrutura básica do HTML para começarmos a criar nossos próprios sites.
Essa playlist terá mais de 10 horas de conteúdo e mais de 50 aulas. Segue o Link da playlist completa e gratuita:
• Curso de HTML e CSS Gr...
Aula anterior: Essa é a primeira aula
Próxima aula: • Estrutura do HTML e Me...
Atenção: até o momento da criação dessa aula, apenas um vídeo está disponível (essa aula mesmo). Como informei no vídeo, irei disponibilizar entre 1 a 3 vídeos por dia a partir da data da postagem dessa aula (16/09/2022). Conforme os dias forem passando, você vai receber os novos vídeos gratuitamente se estiver inscrito no canal.
Conheça meus cursos em:
www.otaviomira...
Twitter: / otaviomirandabr
00:00 - Introdução
01:46 - Os programas que vamos usar (VS Code e Navegador)
03:43 - Como é a estrutura de um arquivo HTML
04:44 - Como criar um arquivo HTML com extensão .html
05:57 - Entenda o que é uma tag HTML
11:04 - Inspecionar o HTML com o navegador
12:17 - "!Doctype html" para HTML5
12:53 - Case insensitive: não diferencia letras maiúsculas e minúsculas
13:36 - A tag raiz do HTML é "html"
14:13 - Entendendo a tag HEAD (metadados do HTML)
14:51 - Conheça a tag TITLE
15:22 - meta tag charset para codificação de caracteres
17:33 - Recomendo sempre usar UTF-8 se não souber o que está fazendo
17:42 - Mantenha o VS Code em UTF-8 também
18:34 - A tag body é onde você adiciona o conteúdo da página
20:36 - Validação do HTML na W3C
21:34 - Use o atributo lang no HTML
24:33 - Finalizando essa aula
#html #css #curso

Пікірлер: 113
Жыл бұрын
Conheça meus cursos em www.otaviomiranda.com.br/
@diovaneluiz2416
@diovaneluiz2416 6 ай бұрын
Não tô conseguindo entrar no open with Live server não tá mandando para outra
@watsonbispo2080
@watsonbispo2080 Жыл бұрын
tava procurando alguém que vá direto ao ponto sem mimimi ... vlw mesmo ,ótimo conteudo
@user-qx9wf1zl4w
@user-qx9wf1zl4w 4 ай бұрын
Entendi, provavelmente você já deve ter visto algum curso do guanabara
@igormarques2755
@igormarques2755 Жыл бұрын
Show, já sou seu aluno pela Udemy, python, atualmente estou na aula de Django, parabéns pela didática.! Deus o abençoe!!!
@alexsandracampos649
@alexsandracampos649 3 ай бұрын
Perfeito, ja sou aluna a alguns aninhos pela udemy sempre bom relembrar os conhecimentos e reforça-los
@ericpaes3281
@ericpaes3281 Жыл бұрын
Cara, sem querer gerar comparações, até pq não é uma competição e todos estão fazendo um bem extremo pra gente! Mas esse curso pra mim ta sendo até melhor que o do Guanabara, com quem eu já aprendi muita coisa aqui no KZfaq. Parabéns mano, mais um inscrito!
@aatroxidadehighlights5221
@aatroxidadehighlights5221 10 ай бұрын
é exatamente o que eu pensei, o Guanabara fez um curso mais massivo, para quem realmente não entende nada de html e css, quem já sabe pelo menos o básico esse aqui aparentemente é mais viável.
@josaelfernandes113
@josaelfernandes113 19 күн бұрын
Inspirou confiaça, vamos a 1ª aula, Obrigado!
@sadvibecar9066
@sadvibecar9066 11 ай бұрын
Só tenho agradecer, meu sonho de se torna programador esta em progresso assistindo esse curso maravilhoso graça a vc que Deus te abençoe!!!!!
@joesilva2518
@joesilva2518 7 ай бұрын
rapaz fiquei impressionado pela sinceridade direta ao assunto...... Parabens... assim é perfeito
@thesoulofhardstyle
@thesoulofhardstyle 8 ай бұрын
Estou realizando seu curso de Django na udemy e agora começando esse junto de HTML e CSS pois curti dms a didática e a forma que ensina, parabéns por todo trampo e dedicação em ensinar !
@ricardoguimaraes164
@ricardoguimaraes164 Жыл бұрын
Dando uma moral.....se vc entregar o que promete, na velocidade e sem rodeios.... mano, chegou em excelente hora. Parabéns pela iniciativa e pela visível eficácia e foco!!!!
@rebeca-felicissimo
@rebeca-felicissimo Жыл бұрын
Que demaissssssss. Sua didática é incrível, apesar dos vídeos longos, vale super a pena assistir. Espero que depois venha um de Javascript para iniciantes. Sucesso meu jovem e parabéns pelo conteúdo.
@Brutos212
@Brutos212 Жыл бұрын
Show Otávio, gratidão Forever .....
Жыл бұрын
Tamo junto =)
@robsonoliveira3234
@robsonoliveira3234 Жыл бұрын
Depois volto, já estou com professor lá no curso de JavaScript e TypeScript na udemy. Mas, galera o professor Otávio é super recomendado.
@schiavigamer5002
@schiavigamer5002 7 ай бұрын
comprei seu curso de python, gostei bastante, vou fazer o de html por aqui.
@cicerofernandes9796
@cicerofernandes9796 Жыл бұрын
Comprei o curso de JavaScript e recomendo! Super acessível para quem está iniciando 😊
@samueloliveira296
@samueloliveira296 Жыл бұрын
Também adquiri esse curso e estou curtindo muito!!
@martalucia3082
@martalucia3082 Жыл бұрын
muito bom mesmo com poucos minutos assistindo o vídeo conseguir perceber uma grande diferença, e entender muito bem o vídeo. obg....
@user-pu3gx8wx9e
@user-pu3gx8wx9e 3 ай бұрын
Não sou fã de comprar curso não, porque sou muito autodidata, desde a infância. Mas esse cara explica bem, e é direto. Acho que vou comprar algum fim do mês.
@JOJOBIZARRO-cg2ko
@JOJOBIZARRO-cg2ko Жыл бұрын
Aula rápida simples e sem enrolação do jeito que eu gosto .
@BlankemburgCastanho
@BlankemburgCastanho Жыл бұрын
Bora reforçar meus conhecimentos em HTML e CSS. Conhecimento nunca é demais! Obrigado Prof. Otávio Miranda pela iniciativa.
Жыл бұрын
Bora lá 🥰
@dwluciomartins
@dwluciomartins Жыл бұрын
Otavio Miranada vc eh demais meu bom amigo! Gosto muito como vc ministra suas aulas, tenho cursos seus la Udemy. Vou fazer esse curso seu de Html e Css, bora começar!! Forte Abraço
@PedroHenrique-vd1lq
@PedroHenrique-vd1lq 5 ай бұрын
Aula muita didática. Muito obrigado!!
@giovanilima8538
@giovanilima8538 Жыл бұрын
qualidade fora do comum, melhor curso que eu resolvi fazer, bão demais
@newnessgames4797
@newnessgames4797 Жыл бұрын
Top, Professor, ficou mtt bom e essa estrategia é bacana de soltar um video por vez, realmente faz com que a gente foque e revise oq foi ensinado, obrigado! Vou está acompanhando sempre.
@viniciusoliveira8207
@viniciusoliveira8207 Жыл бұрын
Muito boa essa primeira aula! Amei a forma como você estruturou a aula, proporcionando para que tudo fique de mais fácil compreensão. Tá muito organizado sua fala e os tópicos do vídeo 😍😍
@saiko7158
@saiko7158 Жыл бұрын
Começando por aqui!!
Жыл бұрын
Bora
@Blender018_e_kali
@Blender018_e_kali 6 ай бұрын
rapaz você conseguiu me segura no vídeo sem ficar pulando vc tá de parabéns
@felipecastro2993
@felipecastro2993 Жыл бұрын
Obrigado professor Luiz Otávio
Жыл бұрын
Tamo junto
@layzabhering1698
@layzabhering1698 4 ай бұрын
Iniciando hoje os estudos por aqui!
@lenrasoon
@lenrasoon Жыл бұрын
Muito boa a aula, aguardando as próximas. Obrigado!
@maiadidata
@maiadidata Жыл бұрын
Boa tarde Professor, que presente maravilhos, qualquer curso ministrado pelo senhor já é sinônimo de sucesso. sou meio suspeito de falar pois já tenho 3 cursos seu na Udemy, o de Python, JavaScript e outro que não me lembro agora não terminei nenhum kkkkkk, mas esse ano se Deus quiser termino a Faculdade e vou cair matando nos cursos, tudo de bom e que Deus o abençoe e permaneça em sua vida
Жыл бұрын
Obrigado Mauro 🥰
@jhonatafigueredo8329
@jhonatafigueredo8329 Жыл бұрын
Mauro você falou as palavras da minha mente kkkkkk, também tenho 3 cursos do professor, e até o momento os cursos dele são os que mais eu consigo aprender
@Pulga376
@Pulga376 Жыл бұрын
Fala professor, comecei hj seu curso pela Udemy, já me inscrevi no seu canal e logo mais vou me tornar membro, mas já de antemão agradeço pelo curso tanto pago como pelo gratuito. excelente 2023, muita saúde e sucesso.
@alexandreretamero
@alexandreretamero Жыл бұрын
o que achou do curso dele da udemy? estou pensando em adquirir ele, mas estou em dúvida de qual curso da udemy escolher
@Tiltaique
@Tiltaique Жыл бұрын
Caraca professor não sabia desse seu canal, fui ver agora pelo curso, tu é brabo dms, to gostando muito do curso de python e estou aprendendo bastante, vou recomendar seu canal pra quem quer ter uma base e com certeza vou recomendar seu curso!!
Жыл бұрын
Tamo aqui desde 2009 rsrs...
@davialmeida5738
@davialmeida5738 3 ай бұрын
maravilha! sou aluno do curso de py na udemy e tava querendo aprender um pouco de front... suas aulas são otimas pois vc ensina sem ficar de enrolação ou explicação desnecessaria kkk
@Luishenrique0
@Luishenrique0 Жыл бұрын
parabéns pelo trabalho ,continue sempre assim ,comprei um curso de pytohn estou assistindo e gostando muito peguei seu link de canal no curso ja curti e me inscrevi . Parabéns !
Жыл бұрын
Sucesso!
@cezarcardosomoreira
@cezarcardosomoreira Жыл бұрын
Muito boa aula
Жыл бұрын
Valeu =)
@denysroodriguez
@denysroodriguez Жыл бұрын
Before WatcNice tutorialng the video - Ok, I guess it will be easy...
@mariosantos8327
@mariosantos8327 Жыл бұрын
Tenho uma impressão que independente do conhecimento que a pessoa tem em CSS não vai ter tanta importância se não souber estruturar bem o html.. Sei que já tem um vídeo sobre semântica, mas vou assistir bem do início, creio que isso cria uma base mais sólida.. Agradeço muito por disponibilizar as aulas, parabéns!
Жыл бұрын
Boa, tamo junto nessa jornada 😍🙏
@adrianotavares1196
@adrianotavares1196 Жыл бұрын
obrigado pelo conteúdo disponibilizado , showwww
@brainbrain6087
@brainbrain6087 Жыл бұрын
Muito obrigado professor 👏👏👏👏
Жыл бұрын
Eu que agradeço
@abc126990
@abc126990 Жыл бұрын
Já vi que esse projeto vai ser bacana
@emersonliramonteiro
@emersonliramonteiro Жыл бұрын
AGORA DEPENDO DAS SUAS AULAS PARA CRESCER COMO DEV, SUA AULA OTIMA JA ATE COMPREI A DE JS NA UDEMY
Жыл бұрын
Obrigado Irmão
@anadycarvalho4925
@anadycarvalho4925 Жыл бұрын
Parabéns, curso excelente. Vou comprar seus cursos na Udemy. Gratidão.
@romulodeoliveira7333
@romulodeoliveira7333 Жыл бұрын
Se puder, traga os vídeos pela manhã. Obrigado pelo conteúdo! 👋🏻
Жыл бұрын
Todo dia, 10h da matina =)
@cicerofernandes9796
@cicerofernandes9796 Жыл бұрын
Valeu professor 😃
@djmiranda8686
@djmiranda8686 Жыл бұрын
Comecei os cursos básico adorei a 1 aula está me ajudando muito obrigada ( Deve ser parente meu kkk )
@mariajoice3419
@mariajoice3419 Жыл бұрын
adoro esse cara 🤩🤩
Жыл бұрын
❤️❤️
@pichinel
@pichinel Жыл бұрын
Estou fazendo seu curso de js na udemy e já concluí a seção html e css como pre requisito e sem dúvida minha maior dificuldade em css é o display.
Жыл бұрын
Interessante, vou ver se crio mais conteúdo sobre. Obrigado.
@MoroKuzn
@MoroKuzn Жыл бұрын
como voce praticou? eu to tendo dificuldade em praticar não tenho ideia do que fazer.
@MoroKuzn
@MoroKuzn Жыл бұрын
@abraao P S valeu, vou fazer isso.
@thiagoaurl
@thiagoaurl Жыл бұрын
Cara, que alívio achar finalmente um professor que dá pra entender com clareza. Finalmente tudo está fazendo sentido!
@robinsonbenitez7872
@robinsonbenitez7872 11 ай бұрын
Ganhou mais um isncrito!!!!
@karloliveira4724
@karloliveira4724 Жыл бұрын
Parabéns, tbm estou no teu curso de Python na Udemy!
@Thorzinnx
@Thorzinnx 5 күн бұрын
🤙🏼
@adrianoafonso4020
@adrianoafonso4020 Жыл бұрын
Top
@balbino4
@balbino4 Жыл бұрын
O CORPO OU NÃO É TAG DE FECHAMENTO OU NÃO TEM TAG DE FECHAMENTO. A primeira é TAG DE ABERTURA. MUITO OBRIGADO PELA AULA.
@ricardomarini1881
@ricardomarini1881 6 ай бұрын
Eu já faço o curso de python do básico ao avançado e sem dúvidas é o melhor. Queria saber se irá lançar algum curso frontend completo (HTML, CSS, JS, react ?
@maiadidata
@maiadidata Жыл бұрын
Professor como já estou assistindo a aula, vou aproveitar mesmo não tendo nada há ver com o assunto, há muito tempo atrás o senhor fez um vídeo sobre endereçamento IP, gateway, host etc.. e foi aonde eu pude entender de fato como como fazer algumas configurações, eu então eu lhe peço seria possível o senhor fazer um curso pago, completo de redes de computador, tipo mão na massa, montando switch, pathpanel, cabeamento estrutura, sem perder muitas horas só falando de modelo osi, como a maioria dos cursos, não que o modelo osi não importe mas da pra aprender isso à parte, bom fica a sugestão
Жыл бұрын
Anotado… só tenho que ver se eu consigo equipamentos para isso. Mas a sugestão é sempre bem vinda. Valeus
@maiadidata
@maiadidata Жыл бұрын
Obrigado por responder professor, demonstra o respeito e consideração que o senhor tem por seus alunos, mas se também tiver um curso nesse formato que o senhor conheça eu aceito a sua indicação enquanto aguardo o seu curso
Жыл бұрын
@@maiadidata eu sempre tento, se algum dia eu não responder é porque eu realmente não vi. Está ficando complicado responder a todos.
Жыл бұрын
Próxima aula: kzfaq.info/get/bejne/pNmhmpuZyserdIU.html (sempre veja na descrição dos próximos vídeos)
@SergioDev2024
@SergioDev2024 Жыл бұрын
Ola Prof porque não lança curso de php
Жыл бұрын
Talvez pela demanda, pouca gente pede por isso. Mas eu sempre tive vontade.
@clinicaqorpomarketing505
@clinicaqorpomarketing505 Жыл бұрын
On god
@westofwest2
@westofwest2 Жыл бұрын
aew professor udemy...
@Epic_Downloads
@Epic_Downloads 11 ай бұрын
Meu Deus, dps de tanto tempo achei um curso que talvez vai me ensinar direito dem enrolação
@fabriciocosta2789
@fabriciocosta2789 Жыл бұрын
Como faz pra atualizar a pagina do navegador? Eu to tendo que fechar e fazer o procedimento de ctrl+shift+p pra abrir um novo e ver minhas atualizações.
@amandacampos2496
@amandacampos2496 Жыл бұрын
Ikr!
@Satanic66
@Satanic66 5 ай бұрын
meu charset diz que o meta esta errado no caso é o uft ?
@K1ngS.x7
@K1ngS.x7 29 күн бұрын
muito mais fácil botar literalmente html:5 pra ter tudo
@JOJOBIZARRO-cg2ko
@JOJOBIZARRO-cg2ko Жыл бұрын
Basicamente as TAGS funcionam como uma função matemática.
@thuliosoares1812
@thuliosoares1812 Жыл бұрын
Aprendi Javascript com vc e sempre tive muita dificuldade com o CSS e queria saber do senhor professor se a dificuldade com o CSS é normal pra quem é iniciante?
Жыл бұрын
Tudo que é novo é complexo para quem inicia. É só praticar, fica tranquilo 😉
@leandrobezerra4080
@leandrobezerra4080 8 ай бұрын
preciso de ajuda para criar a pasta index.html
@Satanic66
@Satanic66 5 ай бұрын
o meu diz que o charset deu erro e fiz exatamente como ce fez '--'
@Megavinicius
@Megavinicius 6 ай бұрын
Vai funcionar no App de programação mobile? 😅 (Tipo acode)
@Docaos.
@Docaos. 3 күн бұрын
blz mas como cria o arquivo html.... tipo isso é o mais essencial de tudo e ficou mal explicado, deu a entender q é só criar um arquivo novo com esse .html no final
@stylex4941
@stylex4941 Жыл бұрын
Conhecendo o seu trabalho, eu sei que o curso vai ser bom. Mas eu quero saber, esse curso vai ser bem completo. Tipo, com o conhecimento desse curso será possível desenvolver qualquer projeto, até mesmo aqueles projetos mais complexos?
Жыл бұрын
Essa é a ideia
@stylex4941
@stylex4941 Жыл бұрын
Vlw Prof :D
@Gussツ
@Gussツ Жыл бұрын
professor meu VS code n quer imprimir em java oq eu faço
@emanuelsouzaalves6787
@emanuelsouzaalves6787 Ай бұрын
Esse curso é só de HTML e CSS ou tem scripts em JS?
@user-hn6dq7ku6z
@user-hn6dq7ku6z Жыл бұрын
A extensão HTML preview vale mais a pena que a Live Server?
@ericpaes3281
@ericpaes3281 Жыл бұрын
cara, não cheguei a instalar essa, pois no meu VScode diz que ela está obsoleta. Mas acho que no LiveServer seria melhor pois pela questão de ser testado diretamente no navegador e ter o Devtools
@tioF0xy
@tioF0xy 8 ай бұрын
funciona no bloco de notas?
@jean_silva_2000
@jean_silva_2000 5 ай бұрын
Usa o VScode mano ele é o principal software para escrever teus códigos
@manoOngas
@manoOngas Жыл бұрын
Vamo la tentar aprender 🍷, tentar não, conseguir aprender 🍷🗿.
Жыл бұрын
Vai aprender sim... Se depender de mim, você já aprendeu =)
@Luis-Felipe1999
@Luis-Felipe1999 Жыл бұрын
Tem como disponibilizar o certificado?
@zueira8603
@zueira8603 Жыл бұрын
Não sei nada de programação posso aprender?
@silvacristiano2028
@silvacristiano2028 Жыл бұрын
começa pela lógica de programação
@theus3869
@theus3869 Жыл бұрын
a ! eu simplesmente nao existo
@cleitiano
@cleitiano 24 күн бұрын
Iniciando hoje os estudos por aqui!
Estrutura do HTML e Meta ViewPort - Curso de HTML e CSS - Aula 2
11:37
Otávio Miranda
Рет қаралды 21 М.
10 ideias de projetos em HTML e CSS para adicionar no portfólio!
13:16
Rafaella Ballerini
Рет қаралды 335 М.
Inside Out 2: Who is the strongest? Joy vs Envy vs Anger #shorts #animation
00:22
Fortunately, Ultraman protects me  #shorts #ultraman #ultramantiga #liveaction
00:10
Box jumping challenge, who stepped on the trap? #FunnyFamily #PartyGames
00:31
Family Games Media
Рет қаралды 29 МЛН
Style e atributos id e class - Curso de HTML e CSS - Aula 3
17:15
Otávio Miranda
Рет қаралды 22 М.
Carrossel de Natal com HTML, CSS e JavaScript (JS)
27:29
Tricodando
Рет қаралды 6 М.
How to Learn Programming (even if you're stupid)
8:49
dewoibau
Рет қаралды 524 М.
CSS Grid Layout e Flexbox - Quando Utilizar
39:09
Origamid
Рет қаралды 648 М.
CAMINHOS PARA SER UM DEV FRONT-END EM 2023 (GUIA COMPLETO E ATUALIZADO)
29:53
HTML + CSS NA PRÁTICA 🔥 Faça seu primeiro site
16:19
Adriana Saty
Рет қаралды 443 М.
TODAS AS TAGS HTML QUE VOCÊ PRECISA SABER
31:22
Gimmi Codando
Рет қаралды 119 М.
Inside Out 2: Who is the strongest? Joy vs Envy vs Anger #shorts #animation
00:22