TUTORIAL BÁSICO HTML e CSS: Introdução a código para não-programadores
ฝัง
- เผยแพร่เมื่อ 8 ก.ย. 2024
- Quem quiser aprender mais programação, aqui está o link do curso de Data Scraping e Visualização de Dados na Domestika: www.domestika....
Várias formas de programação têm entrado com muita força em outros mercados. Esse vídeo é um tutorial super básico sobre a linguagem HTML e CSS. O tutorial foi desenvolvido para não-programadores que estão interessados em aprender os princípios da programação.
O link com o arquivo gerado no vídeo está aqui: luizludwig.com....
Inscreva-se na newsletter: luizludwig.sub...
Inscreva-se no canal: / luizludwig
Redes sociais:
→ Instagram: / luizludwig
→ Facebook: / luizludwigdesign
Já dizia mestre Miyagi: Não existe mal aluno, só existe mal professor.
E vc é um bom professor !
sei não hein, muita turma desta geração são tudo procrastinadores com TDA
Acabei de criar meu primeiro site!! É incrível ter aprendido facilmente por conta do que sou surdo, e te entender o que precisar fazer. Ainda bem que existe legendas automáticas no TH-cam. É complicado, mas dá para entender. Me ajudou muito entender a linguagem básica. Quero aprender algo antes de entrar no curso de Analise e Desenvolvimento de sistemas. Pois nunca aprendi nada esse tipo, mas é muito legal e estou adorando! Quero avançar já hahaha. Um abraço!
Isso é exemplar!
Parabéns pelo empenho! Sua atitude é inspiradora :)
Parabéns amigo 👏👏👏
Parabéns. Sucesso pra vc
Cara, que interessante sua história. Como está hoje em dia? C9nta um pouco dessa experiência
valeu aprendi de forma facil é pratica a dar esse primeiro passo usando html.
Nossa explicou super simples, ai tá a diferença quando um designer explica quando um programador explica! hahahah
😂😂😂😂
Anotações:
html - fundamental para estruturar conteúdo
css - estilizar o conteúdo
.html - extensão do arquivo
- é aberto no browser
- tag aberta
- tag fechada
HTML
- é o título da aba do Google por exemplo
- sempre iniciar/terminar o arquivo com essa tag
- para títulos
- para subtítulos Deixa a palavra que está dentro da tag em negrito
- é um parágrafo
CSS
- CSS
p{font-family: Arial; font-size: 10px} - Modificar o parágrafo
px = pixel
font = fonte
h1 {font-size: 50px; color:blue; margin: 30px} - Modificar o título
Formatação do código:
Boa!
tava observando o uns dias desses e por acaso descobri que significa parágrafo. Boa kkk
eu ia anotar obrigado por deixar facil p copiar
Eu tô começando a entrar nesse mundo e estava um pouco perdido a respeito de estrutura da HTML, e VOCÊ ME SALVOU... MUITO OBRIGADO 🙌🏽🙌🏽🙌🏽
MANO!!! em tempo de crise da COVID-19 e recesso nas aulas fui a um determinado site para cursos de aulas on line e me deparei com curso básico de HTML e CSS e vim procurar saber do que se trata e já me interessei bastante. PQP!! você tem uma excelente didática. Parabéns pelo conteúdo.
Bom professor é ...bom professor!!! Dá vontade de fazer na hora... Demais!!🤓🤓🤓
Valeu mãe! Agora você tem que começar a programar
Olá, conheci seu canal hoje ,e já agradeço pela forma simplificada de explicar o conteúdo. Gratidão
Já me ajudou ,eu estou no 1 semestre de ads e com muita dificuldade rs mas seu vídeo me trouxe clareza.Grata!
Olá. Estou fazendo um curso de Programador Web e fiquei um pouco confusa sobre o assunto. Sua aula esclareceu bastante o conteúdo. Pena que não tem mais vídeos sobre esse assunto. Muito bom o conteúdo e sem enrolação, foi direto ao ponto.
Eu amei o seu canal, estava com muitas dificuldades e você fez eu entender em 12 minutos de vídeo, parabéns 🥰
Dois anos atrás e foi o melhor material didático que eu encontrei, muito obrigado. Seu vídeo é perfeito
Fiquei disnortiado com o quão fácil consegui entender com você explicando. Assisti 3 video aulas antes dessa e com você foi tudo muito mais simples obrigado pelo ótimo conteudo^^
Cara foi muito bom essa aula, você explicava cada código que escrevia e logo em seguida explicava para que serve e como utilizar, continue assim cara um exemplo de professor, outros vídeos os cara só colocam os códigos e fodase nem explicava pra que servia e como usar kkkk valeu mano.
Luiz, este conteúdo ficou muito bom, gratidão por compartilhar o conhecimento de forma fácil de aprender.
Wau goste da explicação é é a primeira vez que entro em contato com HTML mas consegui entender perfeitamente
É exatamente o que eu queria saber Luiz!!! Muitoooo obrigado cara !!!🙏👍👊
Engraçado ele dizer que é simples rsrs sensacional na verdade é a minha primeira vez vendo um vídeo sobre html parabéns pelo didática
Parabéns Luiz. Amei sua explicação. Top demais. ❤
Mano, muito melhor do que 40 minutos de aula de faculdades por aí rsrsrs
Sensacional sua forma de ensinar! Eu gestei muito espero que traga mais vídeos!
4 anos depois e o conteúdo ainda ajuda mega
Incrível! Vim ver o vídeo como auxílio ao ensino da faculdade e aprendi de forma bem mais simples
Muito didático, melhor explicação. TOP
Excelente! De forma clara , tirei dúvidas quanto a iniciar o HTML. Obrigado 👏👏
estou começando agora ,e essa foi a melhor explicaçao que tive.
muito obrigado
Caramba já faz três anos mais que vídeo em meu amigo🧠👏🏾👏🏾
Que vídeo é esse! Ensina muito, obrigada por compartilhar!
Nossa vc explica muito bem consegui entender tudo sendo que olhei uns vinte vídeos e não tinha entendido mas cm vc explicando foi fácil de entender continue assim
Cara, você explicou tudo com tanta facilidade e simplicidade, não entendia nada em outros tutoriais, com o seu vídeo entendi tudo. Obrigado!!!
Você foi maravilhoso, já tinha visto uns vídeos, mas sua explicação: excelente!
Ate que em fim alguém conseguiu me ensinar HTML! Muito boa sua maneira de ensinar.
Vi 18 vídeos no youtube até contei, esse foi o único que entendi de primeira na pratica como se usa o CSS, vlw irmão nota 1000
Eu amei o video, me surpreendeu, já estou maratonando seu canal. Eu tenho um site e gosto de mudar, na vdd sou a louca de fazer coisas diferente e ter que pagar um programador toda vez quebra a perna. Eu sei usar linhas de comando para rodar metadados, então a linguagem em se en entendo, mas tenho dificldade em alterar o html, apesar de arriscar, agora vou conseguir fazer isso com menos medo.
Meu amigo, como queria te dar uma abraço, você deu estalo da manopla no meu cérebro, só que criando vida !! SENSACIONAL
noossssaaaa muito bom seu vídeo parabéns clareou minha mente, vi vários cursos estava, com dificuldade para entender, mais seu vídeo super simples me ajudou de mais , parabéns 👏🎈
Me ajudou muito mano, tantos tutoriais vistos e nenhum adiantou. O seu foi o unico que consegui. Parabens mano!!
Nunca tipo entendi o que era HTML assim no código com a tua explicação minha cabeça explodiu e eu entendi agora, vou já estudar isso
Obrigado Luiz Ludwig, sua explicação foi simples, clara e eficiente! Parabéns pelo conteúdo.
Valeu Leonardo!
Comecei uma faculdade de programação em Montreal e aqui a forma de ensino é meio auto-didata...esse foi o melhor video que achei pra entender o básico do básico! Gostaria que tivesse uma continuação.
qual sua faculdade aqui? termino o colegio ano que vem aqui em montreal ja praticando para
Exelente aula! didatica impecavél, muito bom conteúdo!
Sensacional, você tá de parabéns, explica de um jeito claro e vai direto ao que importa, agora eu entendi como essas empresas que vendem sites prontos fazem os sites,parabéns.
Explicou de maneira simples e de fácil compreensão!! Faça mais vídeos ensinando!! Ficou show!!
Me ajudando em 4/2021
Estou procurando estudar programação, mas todos os vídeos que dizem que é HTML inicial, já começa com um monte de conteúdo dizendo, esse aqui vcs vão entender mais para frente!!!
Affff
Muito obrigada por explicar desde o início mesmo! Parabéns pela disposição e obrigada também
Que bom que curtiu! Comecei o tutorial do mais básico mesmo. Também sofro assistindo tutoriais que às vezes exigem conhecimento prévio que eu não tenho :/
Após procurando vários conteúdos, esse foi disparado o que contém a melhor introdução simples, direta, clara, passo a passo, sem firulas, para introduzir HTML e CSS! Parabéns!
Parabéns pelo conteúdo. Ótima explicação.
Máxima gratidão, me ajudou muito - continue com o conteúdo de ensino(básico), você sabe ensinar!
Sou da área de publicidade (mais pra redação e um pouquinho de designer) e adorei o seu vídeo. Explorou bem o básico, mas me instigou a ir atrás e aprender mais sobre HTML.
Pqp, explicou o que metade dos cursos não conseguiu explicar! Show!
Muito eficiente gostei bastante você explica em minutos enquanto professores explicam em horas
Parabéns pelo vídeo. Extremamente simples e didático.
Muito bom! Estou fazendo um curso de HTML e fiquei um pouco confusa, mas seu vídeo me deu uma luz. Obrigada!
Muito foda. Eu q até então me acho incapaz de aprender a programar, me senti um pouco mais animado, agora.
obg cara estou cursando informática em uma escola técnica estou no 4º dia de aula e eu vim pra me aprofunda mais na materia de HTML obg fiz meu primeiro site
Baixei o Visual studio decode, foi o que o meu curso que estou fazendo indicou porém me perco muito na hora de diagramar a página kkk, conferindo o vídeo.
Parabéns! Estou iniciando na programação, mas ainda sem entrar no curso propriamente dito.
Conteúdo muito esclarecedor.
Muito obrigada! Achei um máximo. Parabéns pela excelente explicação.
Seu canal é muito legal! Ajuda de uma forma mais dinâmica, fazendo com que seja mais fácil de aprender e aplicar! Desejo muito sucesso e crescimento!
Brigado Gabriela!
a melhor aula basica que ja vi parabens!
Parei o vídeo pra dizer que é o melhor vídeo que já vi. Show. 👏
Simples e didático, adorei a explicação.
Primeiramente quando eu vi você eu pensei que você não fosse brasileiro e segunda sua voz para de dublador kkk. Muito obrigada pelo compartilhamento de conhecimento.
Puxa vida meu professor da Etec por mais boa vontade que tenha talvez uma pitada de uma didática mais palatável tenha faltado , aliado ao problema de colegas indisciplinados que atrapalhavam a aula, tornaram uma coisa que não é tão pavorosa num verdadeiro tormento na semana, esse vídeo me acalmou, agora é praticar e tirar o medo.
legal, gostei, continue passando esses conteúdos, é simplesmente sensacional, valeu por tudo isso, ajudou demais
Meu deusssss, meu sonho sempre foi aprender a programar. Esse video me deixou radiante
Boa!!!
Luiz, foi ótima sua explicação
Sou designer e estou tendo que migrar para os códigos. Faço livros a muitos anos, agora é tudo digital e aí o bicho pega.
CARALHO! Você é incrível!
Didática perfeita, vídeo bem editado, explicação simples, rápida e objetiva! Parabéns! Deu ate vontade de aprender html.
Meses explicados muuuuuito bem em 12mim, pfvr abre um curso pra ajudar pessoas como eu. Kkkkk
Parabéns Luiz, muito sucesso pra você!
maluco, eu fiquei tão feliz de conseguir. obrigado de coração S2
Nunca vi uma aula tão boa quanto essa. Tão clara, tão limpa. Meus parabéns.!!! Já me inscrevi
continue com isso, vc tem jeito, vai ser um sucesso!
Nossa só consegui entender com vc! Vi vários vídeos! 🤦🏻♀️🥰🥰
Muito show. Programação me pareceu lógico..
Agora, sim, ficou claro!
Muito obrigada.
Parabéns. muiiitoo didático.
simples e objetivo , cara mais aulas ... comecei hoje e essa aula me deu a segurança necessária pra continuar ,abraço mano ! Deus te abençoe .
Olá, obrigado por disponibilizar esse conteúdo.
Nossa, eu caí de paraquedas no vídeo e amei a aula. Super mágico.
Gostei sua aula e direta e focada o aluno pega rápido valeu
muito legal cara fiquei interessado em html--abriu a mente
Prof sempre fortalecendo na hora do desespero!!! Sou de Produto, porém sendo "obrigada" no meu estágio a aprender a mexer nisso! Obrigada
Oi Leticia! Que bom que os vídeos te ajudaram!
Obrigado cara dms faz mais videos assim q vc ajuda mais pessoas :D
Obrigado!!!
Explicou muito bem.
Aprendi rápido uma coisa que não tinha aprendido com vários vídeos
Obrigado
Tenho 45 anos, estou em curso de programação e pastando no HTML kkkkkkk, me baseio muito em uma coisa que um programador falou sobre seu início de carreira, "posso não aprender na mesma velocidade que os mais inteligentes, mas vou aprender". Obrigado pelo seu vídeo de ensino rapaz!
É uma ótima frase mesmo! É perseverança e prática! Obrigado por assistir os vídeos, Edilson!
Serio eu tava pensando em fazer essa parte de programação, mas eu achava isso um pouco complicado.porem com esse video de como montar uma estrutura de um site, me proporcionou uma nova visao da programação. Sei que é totalmente difirente em algums aspectos a area de designer voltada para games , mais ja da para ter uma base de como vai ser o processo. Parabéns pelo video. Achei fantástico. To pensando seriamente em fazer a faculdade de designers
Que bom que gostou!
Explicação perfeita, juntou simplicidade com riqueza de conteúdo, excelente
Foi tanto conteúdo de forma simples ,em um período relativamente curto, que nem vi o tempo passar. pena q não disse como colocar o site no ar, gostei muito do conteúdo parabéns
Ai amigo explicou super bem,eu consegui entender tudo nice vídeo
show man, fácio e descomplicado compeensão
Muito bom! Um vídeo claro sobre o básico de HTML. Andava à procura precisamente deste conteúdo para um trabalho.
Ajudou bastante! Um obrigadão meu daqui de Portugal. Votos de sucesso!
Q isso hein Luiz, que aula boa cara, 10 min parece q passou em 2
Já quero uma série voltada a programação! Didática maraaaa ✨
Muito bom, obrigado por compartilhar o seu conhecimento.
Legal Luiz, achei teu video procurando sobre html básico, direto e objetivo.
Cara, te amo. Simples.
Um bom editor de HTML hoje em dia pra quem está assistindo esse vídeo, é o Vscode, principalmente se estiver estudando pra simulado , prova , seminário ou trabalho de curso técnico.
Incrivel a forma de explicar. Muito agradecida
didática Incrível OBRIGADOOOOO
valeu mano, sou iniciante na programação mas com seu video fiquei bem motivido pros proximos passos!
Muito bom esse vídeo, adoraria mais!!!😊