andreferreiraalves/exemplo-todo-tech

presentation
width height theme 1500 900 night.css

HTML, CSS, JS

---

O que é HTML ?

• Não é uma linguagem de programação e sim uma linguagem de marcação que define a estrutura de um projeto

    <h1>Meu título principal</h1>
    <h2>Meu título de alto nível</h2>
    <h3>Meu subtítulo</h3>
    <h4>Meu segundo subtítulo</h4>

    <div>
      <div>div</div>
      <p>ronaldo</p>
    </div>

---

O que é CSS ?

• Assim como o HTML não é uma linguagem de programação e sim uma linguagem de estilos

p {
  color: red;
}

.botao-1 {
  color: blue;
}

---

O que é JS ?

• É uma linguagem de programação que adiciona interatividade a um site

var meuTitulo = document.querySelector("h1");
meuTitulo.textContent = "Olá mundo!";

console.log('console log');

---

Exercício

1. Alterar as cores do site;
2. Colocar uma tag html no final com informações das redes sociais;
3. Alterar o js para qe adicione uma palavra antes de adicionar a tarefa (TAREFA: texto tarefa 1)

---

Exercício

---