null
US
Entrar
Registre-se gratuitamente
Registre-se
Detectamos que o JavaScript não está habilitado no teu navegador. Habilite o Javascript para o funcionamento correto do nosso site. Por favor, leia os
Termos e Condições
para mais informações.
Próximo
Copiar e Editar
Você deve estar logado para concluir esta ação!
Inscreva-se gratuitamente
11905761
HTML & CSS - Introdução
Descrição
Introdução ao HTML e um pouco de CSS
Sem etiquetas
ti/programação
Mapa Mental por
Joao Victor de Sousa
, atualizado more than 1 year ago
Mais
Menos
Criado por
Joao Victor de Sousa
mais de 6 anos atrás
36
1
0
Resumo de Recurso
HTML & CSS - Introdução
HTML
marcação de conteúdo na Web
Estrutura da página é montada no .html
Estrutura base do HTML
HTML > HEAD > BODY
Tag' de Estrutura
Main, Aside, Nav, Div
Header & Footer
Tag's de Marcação
Organizar a informação na pagina
Auxiliadas pelas demais tags
Img, a, p, h, enfase
CSS
Responsável pela parte visual da pagina
Documento a parte, lincado no HTML
Separar Arquivos para deixar a organização Limpa
Identificação de Tags
Class (.) & ID (#)
Class é repetível em outros elementos.
Elementos podem receber suas class
Id são únicos de um só elemento e não devem se repetidos
Conflitos entre class
duas tags para o mesmo elemento
CSS processa o mais específico
Dois atributos para o mesmo elemento
CSS processa o último a ser declarado
HTML Semântico
Usuário com problemas visuais e SEO
Bem descrito e sem ambiguidade
Trabalho com Tags para melhor descrever uma página
Esta ligado em como declaramos elementos e qual o peso dele no layout da página
Image Replecement
Troca de um texto por uma imagem
HTML Semântico
Link de Redes Sociais
Onde tecnicamente é um texto mas para fins de estética deve haver uma imagem
Estilização com o CSS
SIGLAS
HTML - Siglas sempre em maiúsculo
Estilizar no CSS caso queira um texto todo em caixa alta
Ajuda na melhor Semântica
Console
Ajuda a descobrir ocasionais erros com o documento
Trabalha na estilização no CSS ou mostra como determinado site foi programado
F12 ou Ctrl + Shift + I
Listas HTML
"Tópicos"
3 tipos
Lista de Definição
DL > DT > DD
Lista > Titúlo > Definição
Lista Ordenada <ol>
Numeradas
Lista não ordenada <ul>
Cada elemento da lista vem dentro da Tag <li>
Listas podem ter sub-listas, basta abrir outra Tag
Quer criar seus próprios
Mapas Mentais
gratuitos
com a GoConqr?
Saiba mais
.
Semelhante
Cap. 01 - Sistemática e Classificação Biológica
renpv
Guia de Redação do ENEM
Alessandra S.
Sites de Conteúdo para a OAB
Alessandra S.
Origem das Palavras em Português
Alessandra S.
Tempos Verbais - Português
GoConqr suporte .
DIREITO ADMINISTRATIVO LEI 10.261/68
Joelma Silva
A Era Vargas (1930-45)
kl.a.b
II Guerra Mundial
GoConqr suporte .
Comunicação Social para Concurseiros
Ricardo Olimpio
IELTS Speaking BAND 7+
Caio Uechi
Atualidades
GoConqr suporte .
Explore a Biblioteca