Você está na página 1de 7

Tarefa Estado Apontamentos

HTML00 Concluido Extensões:


HTML01 Concluido .Tags: Live Server
HTML02 Concluido .Tags:<> </>
HTML03 Concluido .<h+(nº)>---------------------Título
Metatags são informações que
HTML04 Concluido são
Tags: lidas somente pelos
HTML05 Concluido .Tags:
<b> </b>---------------Texto a
HTML06 Concluido .Tags:
<abbr></abbr>-----abreviação,
HTML07 Concluido <!--
Tags: (o comentário)-->
HTML08 Concluido .Pexels---site
<a href="(link
dedofotos grátis
HTML09 Concluido Compressor de imagens---
Tags:
HTML10 Concluido .<table></table>---Formar a
Tags:
HTML11 Concluido .<ul></ul>---lista
iframe: não
HTML12 Concluido tag___<iframe
Tags: style=""
HTML13 Concluido .<form></form>---estrutura
Tags: do
HTML14 Concluido .<audio
Tags: controls>
HTML15 Concluido .<video>
Tags:
.<div></div>---divisorias
Resumo Desempenho

Instalação do editor VSCODE. 20


HTML:
. Bloco de construção mais básico
Metatags são metadados que são
somenmte lidas pelo navegador

O comentário não aparece no


navegador, serve para organização
Tarefa Estado Apontamentos

CSS01 Concluido Tags:


CSS02 Concluido .<body style="background:(cor
CSS03 Concluido
CSS05 Concluido
CSS06 Concluido
CSS07 Concluido
CSS08 Concluido
CSS09 Concluido
CSS10 Concluido
CSS11 Concluido
CSS12 Concluido
CSS13 Concluido
CSS14 Concluido
CSS15 Concluido
CSS16 Concluido
CSS17 Concluido
CSS18 Concluido
CSS19 Concluido
CSS20 Concluido
CSS21 Concluido
CSS22 Concluido
CSS23 Concluido
CSS24 Concluido
CSS25 Concluido
CSS26 Concluido
CSS27
CSS28
Resumo Desempenho

Tags:
.<head>
Tags:
.<head>
.color:
.background
.exemplo{
border:1px solid black-----borda de 1 pixel sólida a preto
margin-top:doted---pontos
-----margem em cima
margin-bottom: -----margem em
padding-----------preenchimento embaixo
relação ao background
-top---------em
width: x px-----largura cima
height: y px-----altura
text-align: -----posição do texto
direction:
Fonte -----por onde começa o texto
da letra
google
Links fonts-tipos de fontes de letras no google
<div style="border:1px solid red"></div>---barra vermelha que
ocupa toda a pág.
class="ex1"
class="ex2"
.div1{
position:
overflow: relative;
hidden; -----não mostra o conteudo fora do elemento
overflow: visible; -----mostra
div.borda = <div class="borda"></div> o conteudo mesmo quando sai
Lorem float: left; -----flutua
Picsum -----site dedentro da div
imagens container, fica isolada
aleatórias
opacity:- (0.0
dropdown até 1)-----nível
aparecem de opacidade
mais opções
list-style-type:
Especificidade; --- estilo da lista tipo <ul>
1º- colocado
!important diretamento
--- ignora na tag
as especificidades
os que têm !important têm prioridade
Gradiente
background-image:
text-shadow: xpx ypx linear-gradient(cores);---na
zpx cor; vertical
white-space: nowrap; --- faz um texto com quebra de
linhas todo
Media numa
Queries: só linha
Tem 5 tamanhos
Flexbox
Tarefa Estado

JS01 Concluido
JS02 Concluido
JS03 Concluido
JS04 Concluido
JS05 Concluido
JS06 Concluido
JS07 Concluido
JS08 Concluido
JS09 Concluido
JS10 Concluido
JS11 Concluido
JS12 Concluido
JS13 Concluido
JS14 Concluido
JS15 Concluido
JS16 Concluido
JS17 Concluido
JS18 Concluido
JS19 Concluido
JS20
Apontamentos

<script src="js/index.js"></script> --- ligar o doc html e js


<script>
document.write('Documento.write')
fuction minhafuncao(){ --- aparece na pag
Tiposdocument.write(5
de conteudo: + 5);
-Tetxo;
Comentário:
var pote = "bombom" --- pote - nome, bombom - o que está dentro
do pote
Operadores
_________________________________________________________
fuction --- faz o q manda-mos
Objetos são variáveis com muitos valores dentro
onclick
const lista = ["arroz", "ovos", "alhos", "cebola", "couve", "frango"];
ou
const pessoa = [
var"André", " Ye",
hora = new 17, " Sexsymbol"
Date().getHours();
//para
function usar as horas reais
verificaCor() {
let cor = document.getElementById("cor").value;
for (let i = 0; i < 10001; i++) {
document.getElementById('teste').innerHTML
ATIVAR A FUNÇÃO setTimeOut: += i + ", ";
class Carro {
constructor(valor1,
//comando básico paravalor2,
a datavalor3) {
let data = new
//OBJETO CARRODate;
const carro = {
Resumo Desempenho

Objetos
Eventos
array

If e Else
Switch
Laço de repetição for :
Laços sãoeuma
SetTimeout forma fácil de executar uma ação
ClearTimeOut
SetInterval
Classes - servem para construir objetos
datas(ano, mês, dias...)
JSON

Você também pode gostar