5 MINUTOS DE HTML PARA INICIAR EM PROGRAMAÇÃO!

298.86k views981 WordsCopy TextShare
Rafaella Ballerini
Quer se aprofundar mais? Aproveite o desconto na Alura: https://alura.com.br/promocao/rafaballerini ...
Video Transcript:
oi oi gente eu solo a sala da Íris sejam bem-vindos a mais um vídeo no meu canal e hoje eu vou falar de html 1 E aí o HTML e uma linguagem de marcação não não é de programação e o que que significa essa linguagem vai marcar em cada parte do código né do texto que a gente escreve por navegador poder e o que que a cada coisa E para isso a gente faz o uso das tags do HTML eu vou pegar de exemplo uma das dez que a gente mais usa no HTML Kelton é
tão em inglês significa título então o que que acontece quando a gente coloca essa tag ali no Meio do que o navegador vai ler vai pegar a tag tá então que ele já sabe o que que significa que é o tal do título e tudo que tiver ali dentro ele vai entender que elas título da página e assim vai funcionar para todas as outras terras então tentando para parágrafo tentado para colocar imagem para colocar um botão da conforme a gente vai criando todo o nosso código agora no pescoço e eu vou colocar para vocês um
trechinho de código HTML que eu prometo que vocês vão entender o que que tá escrito em cada uma dessas para você e o que que a cada coisa o que que tá acontecendo a causar a primeira coisa que eu quero que vocês percebam nesse código é que algumas tags ela tem início e fim e como que a gente fez entrevista pegando como exemplo tá então de novo vocês podem ver que tem abertura que vai ser o tá escrito entre o sinal de maior e menor e depois a fechadura vai estar a barra dentro do tarta
ou com o sinal de maior e menor também a gente vai indicar que vai ser chato Tem como várias outras técnicas também tem fechamento novamente as suas terras Elas têm algum elemento dentro delas se elas vão controlar por isso não tem abertura de fechadura vai tentar disse também que não tem isso porque elas por si só já dizem o que elas querem agora dividindo esse pode duas partes vou pegar o primeiro instante para explicar para vocês se não lhe assim o doctype o que que esse doctype HTML senti nada mais é do que o indicador
por navegadores de que este arquivo é um HTML primigesta de o que esperar a segunda linha a 10ml então ele indica a onde começar tudo código HTML e eles têm tem uma fez E aí vai ficar no final do nosso código e Aqui começa a mágica HTML desse 17 e bode do inglês cabeça e corpo pergunta em cima o bem-estar que o head ele vai ficar com todas as informações na parte de cima e da parte mais descritiva do nossa página Web de um vale é um dever tá todo o corpo da página Então você
vai escrever os parágrafos ali dentro você vai escrever colocar as imagens para colocar aqui então aqui na parte do resto eu vou colocar o salto que vai ser o título da página o título da página aqui não significa que ele vai aparecer visualmente com o título né assim na página não ele vai ser o título da página e tenta descobrir o que quer saber YouTube esse tá aparecendo no YouTube ali em cima da água agora puxando aqui a segunda parte do código que é Dori eu coloquei duas séries dentro atender na verdade a gente a
mente para eles colocar o título em si para a gente tem que apareça visualmente né um texto bem grande na página e a partir daí já fazendo lá dentro assim sobre as em tem o H2 H3 H4 h5 h6 então quanto maior for o número do H Menor Mas será leite então H1 é o maior dele então aqui no código eu coloquei uma dá um curti título do que eu quero colocar o texto em logo em seguida eu coloquei uma tag ter que a tag de parágrafo e aqui dentro eu posso colocar um texto maiorzinho
que não seja mais um título porque ele vai ter essa estrutura de parágrafo mesmo para textos mais compridos e agora juntando código vocês podem perceber que tava entender tudo que tá acontecendo lembrando sempre de identificar bem o que que o rege o que que é o Bari e ver onde começa e termina o código do HTML agora eu vou mostrar pra vocês como que fica a página com este código Zinho lindo aquelas coisas né gente isso é porque o HTML ele é o esqueleto da página ele vai só indicar onde fica e ele não vai
utilizar ele não vai fazer ficar bonito e acontecer várias animações e é por isso que não são esteja a gente sempre conta com outras duas tecnologias principalmente se esquece é sejam inscriptions isso é assunto para um próximo vídeo eu espero que vocês tenham entendido um pouco sobre essa tecnologia tão usada na frente se você não sabe o que são excelentes pode ver esse vídeo aqui que eu vou deixar do lado para vocês têm isso gente o clássico deixa o like se inscreve no canal e eu prometo que eu vou lançar mais disse para vocês inclusive
de ser esperto já descrito para vocês verem como vai ficar linda essa página muita quebrar esse mito de que desenvolveu uma página da web é difícil é isso gente muito obrigado assistir aqui tá aqui beijo e se você ainda não estrague no Instagram dá uma olhada lá porque eu fiz um post com dicionário das principais tags de html que você pode simplesmente está usar e guardar para o resto da vida tem que você precisar consultar alguma de
Related Videos
O QUE É CSS? (SELETORES, PROPRIEDADES E VALORES)
10:06
O QUE É CSS? (SELETORES, PROPRIEDADES E VA...
Rafaella Ballerini
135,261 views
TODAS AS TAGS HTML QUE VOCÊ PRECISA SABER
31:22
TODAS AS TAGS HTML QUE VOCÊ PRECISA SABER
Gimmi Codando
124,354 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
46,724 views
FORMULÁRIOS COM HTML e CSS!
28:57
FORMULÁRIOS COM HTML e CSS!
Rafaella Ballerini
766,913 views
15 DICAS PARA CONSEGUIR O PRIMEIRO EMPREGO NA ÁREA DE PROGRAMAÇÃO
16:53
15 DICAS PARA CONSEGUIR O PRIMEIRO EMPREGO...
Rafaella Ballerini
240,846 views
Curso Introdutório ao HTML ( Com + de 2 horas de Projeto)
2:41:24
Curso Introdutório ao HTML ( Com + de 2 ho...
freeCodeCamp em Português
27,393 views
Como iniciar em Desenvolvimento Web? O que estudar?
19:50
Como iniciar em Desenvolvimento Web? O que...
Rafaella Ballerini
158,822 views
HTML + CSS NA PRÁTICA 🔥 Faça seu primeiro site
16:19
HTML + CSS NA PRÁTICA 🔥 Faça seu primeiro...
Adriana Saty
453,914 views
How to Learn Programming (even if you're stupid)
8:49
How to Learn Programming (even if you're s...
dewoibau
545,696 views
COMO EU ESTUDO PROGRAMAÇÃO?
24:31
COMO EU ESTUDO PROGRAMAÇÃO?
Rafaella Ballerini
415,885 views
O QUE É GIT E GITHUB? - definição e conceitos importantes 1/2
15:43
O QUE É GIT E GITHUB? - definição e concei...
Rafaella Ballerini
469,486 views
FLEXBOX CSS! Como posicionar elementos na página web - parte 1
20:34
FLEXBOX CSS! Como posicionar elementos na ...
Rafaella Ballerini
189,583 views
Se nao aprender PROGRAMAÇÃO com esse video. - ̗̀  DESISTE   ̖́-
7:51
Se nao aprender PROGRAMAÇÃO com esse video...
Fiasco
1,421,724 views
LANDING PAGE COM HTML e CSS!
1:03:14
LANDING PAGE COM HTML e CSS!
Rafaella Ballerini
856,327 views
O que é Javascript? Por que devemos saber hoje? O que ele faz?
9:01
O que é Javascript? Por que devemos saber ...
Rafaella Ballerini
39,564 views
TUTORIAL BÁSICO HTML e CSS: Introdução a código para não-programadores
12:01
TUTORIAL BÁSICO HTML e CSS: Introdução a c...
Luiz Ludwig
167,030 views
O MÍNIMO QUE VOCÊ PRECISA SABER ANTES DE PROGRAMAR!
14:33
O MÍNIMO QUE VOCÊ PRECISA SABER ANTES DE P...
Código Fonte TV
1,177,896 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
305,059 views
Projeto Prático de Programação |Criando uma Tela de Login  | HTML + CSS
41:34
Projeto Prático de Programação |Criando um...
DevClub | Programação
14,488 views
Curso de HTML e CSS para iniciantes - Aula 1
16:12
Curso de HTML e CSS para iniciantes - Aula 1
RBtech
1,423,812 views
Copyright © 2024. Made with ♥ in London by YTScribe.com