HTML & CSS - Introdução

HTML
1. marcação de conteúdo na Web
2. Estrutura da página é montada no .html
3. Estrutura base do HTML
  1. HTML > HEAD > BODY
4. Tag' de Estrutura
  1. Main, Aside, Nav, Div
  2. Header & Footer
5. Tag's de Marcação
  1. Organizar a informação na pagina
  2. Auxiliadas pelas demais tags
  3. Img, a, p, h, enfase
CSS
1. Responsável pela parte visual da pagina
2. Documento a parte, lincado no HTML
3. Separar Arquivos para deixar a organização Limpa
Identificação de Tags
1. Class (.) & ID (#)
2. Class é repetível em outros elementos.
  1. Elementos podem receber suas class
3. Id são únicos de um só elemento e não devem se repetidos
4. Conflitos entre class
  1. duas tags para o mesmo elemento
    1. CSS processa o mais específico
  2. Dois atributos para o mesmo elemento
    1. CSS processa o último a ser declarado
HTML Semântico
1. Usuário com problemas visuais e SEO
2. Bem descrito e sem ambiguidade
3. Trabalho com Tags para melhor descrever uma página
4. Esta ligado em como declaramos elementos e qual o peso dele no layout da página
Image Replecement
1. Troca de um texto por uma imagem
2. HTML Semântico
3. Link de Redes Sociais
4. Onde tecnicamente é um texto mas para fins de estética deve haver uma imagem
5. Estilização com o CSS
SIGLAS
1. HTML - Siglas sempre em maiúsculo
2. Estilizar no CSS caso queira um texto todo em caixa alta
3. Ajuda na melhor Semântica
Console
1. Ajuda a descobrir ocasionais erros com o documento
2. Trabalha na estilização no CSS ou mostra como determinado site foi programado
3. F12 ou Ctrl + Shift + I
Listas HTML
1. "Tópicos"
2. 3 tipos
  1. Lista de Definição
    1. DL > DT > DD
      1. Lista > Titúlo > Definição
  2. Lista Ordenada <ol>
    1. Numeradas
  3. Lista não ordenada <ul>
  4. Cada elemento da lista vem dentro da Tag <li>
  5. Listas podem ter sub-listas, basta abrir outra Tag

Next up

HTML & CSS - Introdução

Description

Resource summary

Similar

	Created by Joao Victor de Sousa over 6 years ago