null
US
Iniciar Sesión
Regístrate Gratis
Registro
Hemos detectado que no tienes habilitado Javascript en tu navegador. La naturaleza dinámica de nuestro sitio requiere que Javascript esté habilitado para un funcionamiento adecuado. Por favor lee nuestros
términos y condiciones
para más información.
Siguiente
Copiar y Editar
¡Debes iniciar sesión para completar esta acción!
Regístrate gratis
11905761
HTML & CSS - Introdução
Descripción
Introdução ao HTML e um pouco de CSS
Sin etiquetas
ti/programação
Mapa Mental por
Joao Victor de Sousa
, actualizado hace más de 1 año
Más
Menos
Creado por
Joao Victor de Sousa
hace más de 6 años
36
1
0
Resumen del 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
Mostrar resumen completo
Ocultar resumen completo
¿Quieres crear tus propios
Mapas Mentales
gratis
con GoConqr?
Más información
.
Similar
PALABRAS A-...
JL Cadenas
Independencia de los paises latinoamericanos
Estefani Tretto
TARJETAS ESTUDIO CUERPOS GEOMÉTRICOS
Ruth Pérez Sánchez
CARACTERÍSTICAS LINGÜÍSTICAS DE LOS TEXTOS ARGUMENTATIVOS
Judith Celma Muñoz
Tratados y Planes de México
razbusiness20
Línea del Tiempo: La Creación de la Tierra
Valdeavellano
Poniendo en Práctica el Aprendizaje Basado en Problemas
Diego Santos
Vocabulario First - B2
fvera84
TIPOS DE TECNOLOGÍA
bryan moreno
PERLAS ENARM
Omar Nieves
Foro 4_MAD
Itziar Arnelas
Explorar la Librería