HTML & CSS - Introdução

Joao Victor de Sousa
Mind Map by Joao Victor de Sousa, updated more than 1 year ago
Joao Victor de Sousa
Created by Joao Victor de Sousa over 2 years ago
14
1

Description

Introdução ao HTML e um pouco de CSS

Resource summary

HTML & CSS - Introdução
1 HTML
1.1 marcação de conteúdo na Web
1.2 Estrutura da página é montada no .html
1.3 Estrutura base do HTML
1.3.1 HTML > HEAD > BODY
1.4 Tag' de Estrutura
1.4.1 Main, Aside, Nav, Div
1.4.2 Header & Footer
1.5 Tag's de Marcação
1.5.1 Organizar a informação na pagina
1.5.2 Auxiliadas pelas demais tags
1.5.3 Img, a, p, h, enfase
2 CSS
2.1 Responsável pela parte visual da pagina
2.2 Documento a parte, lincado no HTML
2.3 Separar Arquivos para deixar a organização Limpa
3 Identificação de Tags
3.1 Class (.) & ID (#)
3.2 Class é repetível em outros elementos.
3.2.1 Elementos podem receber suas class
3.3 Id são únicos de um só elemento e não devem se repetidos
3.4 Conflitos entre class
3.4.1 duas tags para o mesmo elemento
3.4.1.1 CSS processa o mais específico
3.4.2 Dois atributos para o mesmo elemento
3.4.2.1 CSS processa o último a ser declarado
4 HTML Semântico
4.1 Usuário com problemas visuais e SEO
4.2 Bem descrito e sem ambiguidade
4.3 Trabalho com Tags para melhor descrever uma página
4.4 Esta ligado em como declaramos elementos e qual o peso dele no layout da página
5 Image Replecement
5.1 Troca de um texto por uma imagem
5.2 HTML Semântico
5.3 Link de Redes Sociais
5.4 Onde tecnicamente é um texto mas para fins de estética deve haver uma imagem
5.5 Estilização com o CSS
6 SIGLAS
6.1 HTML - Siglas sempre em maiúsculo
6.2 Estilizar no CSS caso queira um texto todo em caixa alta
6.3 Ajuda na melhor Semântica
7 Console
7.1 Ajuda a descobrir ocasionais erros com o documento
7.2 Trabalha na estilização no CSS ou mostra como determinado site foi programado
7.3 F12 ou Ctrl + Shift + I
8 Listas HTML
8.1 "Tópicos"
8.2 3 tipos
8.2.1 Lista de Definição
8.2.1.1 DL > DT > DD
8.2.1.1.1 Lista > Titúlo > Definição
8.2.2 Lista Ordenada <ol>
8.2.2.1 Numeradas
8.2.3 Lista não ordenada <ul>
8.2.4 Cada elemento da lista vem dentro da Tag <li>
8.2.5 Listas podem ter sub-listas, basta abrir outra Tag
Show full summary Hide full summary

Similar

GCSE REVISION TIMETABLE
gracemiddleton
Unit 2 flashcards
C R
CCNA Security 210-260 IINS - Exam 2
Mike M
Mapas mentales con ExamTime
Nazareth Olivo
Mapa Conceptual de Liderazgo
Andres Soto
EQUILIBRIO QUIMICO
Joel Tapia
Organigramas
Sindy Deydania
201700134-U1-EP3-Mapa-Mental-Trabajo-En-Equipo
Alexis Zuñiga Davila
Gobierno de Ernesto Zedillo Ponce de León
Guillermo Romero
CORONA ESPAÑOLA
brayan quintero
Herramientas Interactivas
Sarah Carrasco