Aprenda HTML em apenas 5 MINUTOS (2023)

27.84k views844 WordsCopy TextShare
Tiger Codes
#html #webdevelopment Aprenda as partes mais importantes do HTML em 2023 em apenas 5 minutos 🤯 🔗...
Video Transcript:
HTML está entre as linguagens mais populares do mundo conforme mostrou a pesquisa dos Stacker Flow de 2022 ela está perdendo somente para o diabo script E como eu já fiz um vídeo de aprenda de alvescript em 5 minutos chegou a vez dele o HTML Então nesse vídeo você vai aprender o HTML em apenas 5 minutos Mas afinal de contas O que é o HTML não HTML não é uma linguagem de programação proveniente do termo em inglês Hyper test Michael angwart ela significa simplesmente linguagem de marcação de hipertexto ela é uma linguagem focada em conteúdo da
significado a eles e os organiza criando a estrutura de um site ou de um aplicativo web o HTML foi criado por Timberland em 1991 e a ideia original era interligar arquivos pesquisas e outras documentos com muita facilidade entre instituições científicas mal sabia ele mal sabia que aquilo era simplesmente uma ideia revolucionária que a palavra link seria de uma vez por todas ressignificada para começar a codificação e um arquivo chamado de indexponto html essa extensão é a que representará o documento que será aberto no navegador nós chamamos de index ou índice pois trata-se do início da
interligação entre os documentos os chamados hipertextos para começar teremos um exemplo super básico que é um parágrafo e como sabemos que isso é um parágrafo é através desta tag com a marca p a verão mais tags mas não se preocupa você não precisa decorar todas elas abrimos a tag de abertura com sinal de menor inserimos a marca dela E fechamos a tag de abertura com sinal de maior em seguida colocamos o conteúdo dentro e podemos então fechar a tag novamente sinal de menor agora para fechar nós usamos uma barra e seremos a marca da tag
de novo e por fim o sinal de maior parabéns você acabou de criar um parágrafo ou melhor você marcou um parágrafo é por isso que é uma linguagem de marcação porque seu único objetivo é simplesmente marcar os conteúdos para o navegador possa saber do que ele se tratam mas geralmente não é assim que nós iniciamos um documento HTML a primeira coisa que devemos fazer é a declaração do tipo de documento através desta única linha você prepara um navegador para o que ele vai ter que interpretar Olha você é sortudo porque antigamente esta declaração costumava ser
um palavrão era bem gigante então agradeça a modernidade Lembra que eu falei que você não precisa decorar as tags na verdade você só precisa entendê-las a estrutura de um site funciona mais ou menos como o corpo humano nós temos cabeça corpo e pé então Logo no início do documento nós temos algo que se chama Red ou cabeça Essa é a área de configurações do site aqui você coloca informações como o título do site que aquele título que aparece na aba do navegador aqui você também pode linkar CSS e colocar outras informações adicionais logo abaixo da
cabeça ou Red nós temos que chamar de Bari ou corpo é dentro do corpo que você coloca os conteúdos do site em si dentre eles podemos citar o nosso querido parágrafo geralmente um site não tem som parágrafo é óbvio você pode colocar aqui mais coisas como um título usando o H1 um subtítulo usando o H2 uma imagem e assim por diante o HTML evoluiu muito desde a sua Fundação hoje e desde 2014 nós usamos o chamado HTML versão 5 e ele é incrível porque ele possui tags como vídeo ele possui uma melhor semântica que dá
significado aos conteúdos do site e vários outros benefícios a versão que o HTML se encontra atualmente é o 5.2 e ela foi lançada em 2017 bom para finalizar o site nós podemos colocar o pé dele o chamado Fure ou rodapé aqui você pode colocar informações extras para o usuário ou simplesmente colocar o copyright e seu primeiro documento Web está pronto é algo bem simples é algo bem básico mas é algo que você fez então se orgulha disso Ah detalhe neste problema que estou usando que se chama vídeo você pode simplesmente iniciar uma estrutura HTML por
digitar HTML5 e pressionar Tab como eu falei não precisa decorar nada basta entender uma vez que você entende coloca em prática tudo se torna muito mais fácil tem uma impressão que estou esquecendo de algo assim durante este vídeo nós falamos a todo tempo de hipertextos então podemos criar nosso primeiro hipertexto usando a tag a letra A significa Âncora ou Âncora algo que liga uma coisa a outra no nosso primeiro site podemos ligá-lo ao site da Tiger codes lá se você quiser pode aprender conteúdos mais aprofundados sobre HTML CSS e ainda dar suporte ao canal para
manter-se ativo eu vou ficando por aqui se esse vídeo te ajudou por favor deixa o like se inscreva e não esquece de colocar nos comentários mais conteúdos para trazer aqui no canal muito obrigado por assistir e eu vejo você no próximo vídeo
Related Videos
Top 10 Dicas de VS Code // Use o VS Code Como um Profissional
6:10
Top 10 Dicas de VS Code // Use o VS Code C...
Tiger Codes
187,505 views
Curso completo de HTML - seu PRIMEIRO SITE DO ZERO para iniciar em PROGRAMAÇÃO!
1:31:32
Curso completo de HTML - seu PRIMEIRO SITE...
Rafaella Ballerini
101,620 views
Aprenda JAVASCRIPT em apenas 5 MINUTOS (2023)
5:24
Aprenda JAVASCRIPT em apenas 5 MINUTOS (2023)
Tiger Codes
160,721 views
Como Começar no Desenvolvimento Web (Guia para Iniciantes)
14:46
Como Começar no Desenvolvimento Web (Guia ...
Tiger Codes
11,161 views
Learn HTML in 1 hour 🌎
1:00:00
Learn HTML in 1 hour 🌎
Bro Code
2,552,449 views
Lógica de Programação 2024 [Iniciantes] + Desafios
15:29
Lógica de Programação 2024 [Iniciantes] + ...
Código Roxo
4,416 views
TODAS AS TAGS HTML QUE VOCÊ PRECISA SABER
31:22
TODAS AS TAGS HTML QUE VOCÊ PRECISA SABER
Gimmi Codando
156,665 views
HTML Tutorial for Beginners: HTML Crash Course
1:09:34
HTML Tutorial for Beginners: HTML Crash Co...
Programming with Mosh
9,451,077 views
A História do Front-End para Iniciantes em Programação | Série "Começando aos 40"
48:28
A História do Front-End para Iniciantes em...
Fabio Akita
418,560 views
Aprenda CSS Position em 10 Minutos - Tutorial CSS para Iniciantes
10:35
Aprenda CSS Position em 10 Minutos - Tutor...
Tiger Codes
43,675 views
Curso SQL Completo 2024 [Iniciantes] + Desafios + Muita Prática
3:50:08
Curso SQL Completo 2024 [Iniciantes] + Des...
Dev Aprender | Jhonatan de Souza
1,508,539 views
CS50W - Lecture 0 - HTML and CSS
2:03:32
CS50W - Lecture 0 - HTML and CSS
CS50
1,184,451 views
Como aprender programação de forma INTELIGENTE, sem perder tempo com coisas INÚTEIS
18:05
Como aprender programação de forma INTELIG...
Rafaella Ballerini
165,939 views
ESCREVA CÓDIGOS 2X MAIS RÁPIDO COM ATALHOS EMMET NO VS CODE!
51:35
ESCREVA CÓDIGOS 2X MAIS RÁPIDO COM ATALHOS...
Rafaella Ballerini
12,639 views
Aprenda Javascript em 1 video (+ projeto prático)
2:14:56
Aprenda Javascript em 1 video (+ projeto p...
Bonieky Lacerda
67,158 views
A diferença entre HTML, CSS e JavaScript - @Curso em Vídeo HTML5 e CSS3
26:33
A diferença entre HTML, CSS e JavaScript -...
Curso em Vídeo
701,189 views
Se não aprender PROGRAMAÇÃO com esse video. - ̗̀ DESISTE ̖́- Lucas Montano Reagindo
13:35
Se não aprender PROGRAMAÇÃO com esse video...
Lucas Montano
248,503 views
Curso de HTML para iniciantes - Aprenda HTML em 1 hora
1:04:30
Curso de HTML para iniciantes - Aprenda HT...
Matheus Battisti - Hora de Codar
317,283 views
Aprenda CSS do ZERO até colocar o SITE NO AR | Tutorial PASSO A PASSO com PROJETO PRÁTICO
1:10:23
Aprenda CSS do ZERO até colocar o SITE NO ...
Rafaella Ballerini
42,988 views
Como funcionam as LINGUAGENS de PROGRAMAÇÃO #SagaDosComputadores Ep. 8
18:04
Como funcionam as LINGUAGENS de PROGRAMAÇÃ...
Manual do Mundo
1,301,616 views
Copyright © 2025. Made with ♥ in London by YTScribe.com