null
US
Sign In
Sign Up for Free
Sign Up
We have detected that Javascript is not enabled in your browser. The dynamic nature of our site means that Javascript must be enabled to function properly. Please read our
terms and conditions
for more information.
Next up
Copy and Edit
You need to log in to complete this action!
Register for Free
11905761
HTML & CSS - Introdução
Description
Introdução ao HTML e um pouco de CSS
No tags specified
ti/programação
Mind Map by
Joao Victor de Sousa
, updated more than 1 year ago
More
Less
Created by
Joao Victor de Sousa
over 6 years ago
35
1
0
Resource summary
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
Show full summary
Hide full summary
Want to create your own
Mind Maps
for
free
with GoConqr?
Learn more
.
Similar
Food Chains and Food Webs Quiz
Selam H
CHEMISTRY C1 2
x_clairey_x
Ionic Bonding
Evangeline Taylor
GCSE Biology heart notes
Kamila Woloszyn
A Level Chemistry Unit 1 - Organic Chemistry
charlottehyde
Lord of the Flies - CFE Higher English
Daniel Cormack
med chem 2
lola_smily
GCSE Maths Symbols, Equations & Formulae
livvy_hurrell
Atomic numbers and mass numbers quiz
Sarah Egan
Using GoConqr to teach Maths
Sarah Egan
Chemistry GCSE Review - States of Matter, Particles, Atoms, Elements, Compounds and Mixtures
Morgan Overton
Browse Library