Como nos comunicamos através da internet

Como a internet funciona

Do que as páginas são feitas

Anatomia de uma página

Primeiras Tags em HTML

<head>

<body>

Agenda

website


“A ideia original da web era que deveria ser um espaço colaborativo onde você pode se comunicar através do compartilhamento de informações.”

O que acontece quando escrevemos o endereço de um site em nosso navegador?

www.vainaweb.com.br

O que acontece quando escrevemos o endereço de um site em nosso navegador?

https://github.com/VaiNaWeb

Como?

Onde?

O quê?

provedor

servidor

você

https://www.submarinecablemap.com/

Como páginas na web são construídas

website

dados

responsividade

acessibilidade

cor

usabilidade

tipografia

imagens

dados

Como páginas na web são construídas

html

css

js

A anatomia de uma página

<head>

<body>

<html>

Primeiras Tags

<html>
</html>

<html>

</html>

Primeiras Tags

<html>
    <head></head>
    <body></body>
</html>

<body>

<head>

<html>

</html>

</head>

</body>

Primeiras Tags

Olá mundo!

<html>
  <head>
    <title>Estrutura</title>
  </head>
  <body>
    <p>Olá mundo!</p>
  </body>
</html>

Vamos praticar?

Criando títulos

<h1>Eu sou o título mais importante!</h1>
<h2>Eu sou um pouco menos importante</h2>

Eu sou o título mais importante!
Eu sou um pouco menos importante

Criando títulos

<h3>Eu sou um pouco menos importante</h3>
<h4>Eu sou um pouco menos importante</h4>
<h5>Eu sou um pouco menos importante</h5>
<h6>Eu sou o menos importante</h6>

Eu sou um pouco menos importante
Eu sou um pouco menos importante
Eu sou um pouco menos importante
Eu sou o menos importante

Title != H1

<head>
    <title>Título</title>
</head>
<body>
    <h1>Título</h1>
</body>

Vamos praticar?

https://vainaweb.gitbook.io/construcao-de-paginas-web/capitulos/primeiras-marcacoes/desafios

Até a próxima!

Made with Slides.com