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
35
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
Mapa mental facilita memorização de conteúdos para vestibular
nataliamarques.nrm
Phrasal Verbs
Alessandra S.
Direito Penal - Parte Geral
Mafalda de Quino
Phrasal Verbs II
GoConqr suporte .
Teorias da Personalidade
DaianaDecker
O que estudar para Exame da Ordem
GoConqr suporte .
Flashcard Clinica Médica
marcelargondim
Ética para OAB
Maria José
EA-HSG-2013
carloshenriquetorrez .
GoConqr
GoConqr suporte .
PROCESSO LEGISLATIVO
Mateus de Souza
Explore a Biblioteca