Рет қаралды 11,911
💻 Conheça a Formação em Desenvolvimento Web 💻
refatorando.co...
🚀 Mergulhe nos nossos eBooks repletos de insights valiosos e junte-se à nossa comunidade no Discord, onde o aprendizado se torna uma experiência coletiva e inspiradora.
✅ Ebook: Como usar a ChatGPT para aprender a programação: refatorando.co...
✅ Ebook: Como encontrar as melhores vagas em TI: refatorando.co...
✅ Ebook: Como se destacar em processos seletivos de TI: refatorando.co...
✅ Faça parte da nossa comunidade no Discord: / discord
Hoje eu vou falar sobre uma das linguagens mais populares da área de Tecnologia e ela não é uma linguagem de programação.
Vem comigo que hoje você vai aprender HTML.
Eu sou Roger Santos bora pro vídeo!
É isso mesmo galera, o HTML não é uma linguagem de programação! Ela é uma linguagem de marcação.
Mas Roger, qual a diferença?
Em uma linguagem de programação você possui lógica e instruções que são interpretadas pelo computador. No caso do HTML é basicamente um conjunto de tags utilizados para descrever a estrutura de um site.
E o HTML é uma linguagem super simples de aprender e eu vou mostrar para vocês, bora pro pc que em 5 minutos nós vamos fazer nosso primeiro site.
Primeiramente você precisa entender a semântica de uma tag HTML e como é a estrutura de uma página.
Uma tag html é formada pelo símbolo de menor e maior, por exemplo a tag P
que é utilizada para representar um parágrafo e geralmente tags HTML tem abertura e fechamento, no exemplo do parágrafo seria algo assim p Isso é um parágrafo /p e para você fechar uma tag você usa a /.
Mas isso não é uma regra, por exemplo a tag img que serve para carregar uma imagem não precisa ser fechada pois passamos tudo nos atributos da própria tag como nesse exemplo aqui img src="meu.gif" alt="Meme" width="42" height="42"
Entendido isso vamos entender a estrutura de uma página html.
A extensão do arquivo é .html e geralmente a primeira página que vai ser acessada se chama index.html e o mínimo que uma página HMTL tem que ter é:
html
head
body
Onde o doctype indica que esse documento é do tipo html
A tag html indica onde começa a pagina html
e dentro dela temos a tag head e body
Onde o head é o cabeçalho, onde vamos colocar nosso título
e nesse caso esse titulo é o titulo que vai aparecer na aba do navegador, não na página
Todos os metadados da página como o charset que é o conjunto de caracteres que estamos utilizados
Nosso css que pode ser colocado ou abrindo uma tag style e colocando o css diretamente na página, ou usando o link para fazer referência a um arquivo css, e fazer a referência a um arquivo é a melhor maneira pois você provavelmente vai ter mais de uma página e pode criar o css em um arquivo e reaproveitar o mesmo em todas as outras páginas.
O Javascript que também pode ser adicionado diretamente na página utilizando a tag script e colocando o Javascript dentro dela, ou referenciando um arquivo, mas nesse caso você continua utilizando a tag script só passa o caminho para seu arquivo js dentro do atributo src=, e também da mesma forma do css, se o Javascript estiver em um arquivo separado ele pode ser reaproveitado por outras paginas.
E o body é o corpo da página, onde nos vamos colocar todos os elementos, textos, imagens botões, links e etc.
Como por exemplo o h1 que é um título, esse sim vai a parecer, e para essa tag em específico nós temos do h1 ao h6 para criar títulos e subtítulos onde o h1 é o maior e o h6 é o menor
ou a tag a que é a tag para adicionar um link ou ancora.
E como você pode ver, temos nossa primeira página HTML aqui, tá bonita? Não! Mas isso é por que ta faltando um pouco de estilo e quem vai trazer isso é o css, mas isso é tema para um outro vídeo.