HTML

• HISTÓRIA DO HTML
• INTRODUÇÃO
• ELEMENTOS
  • TAGS
  • ATRIBUTOS
  • VALORES
  • ELEMENTOS ANINHADOS
• NAVEGADORES
• HEADING (TÍTULOS) - <h1>
• PARAGRAPHS (PARÁGRAFOS) - <p>
• HORIZONTAL RULES (REGRAS HORIZONTAIS) - <hr>
• LINE BREAKS - <br>
• TEXTO PRÉ-FORMATADO - <pre>
• STYLE
  • PROPRIEDADES
  • FORMAS DE ADICIONAR AS CSS
  • CORES NO LINK
    • STYLE NO ELEMENTO HEAD
• FORMATAÇÂO DE TEXTO
• CITAÇÃO E REFERÊNIA
• COMENTARIO - <!-- ... --->
• HIPERLINKS (LINKS) - <a>
  • URLs ABSOLUTA E URLs RELATIVA
    • URL ABSOLUTA
    • URL RELATIVA
  • ATRIBUTOS E VALORES DA TAG <a>
  • USAR IMAGEM COMO LINK
  • LINK PARA UM ENDEREÇO DE E-MAIL
  • BOTÃO COMO LINK
  • DICA NOS LINKS
  • CORES NO LINK
  • LINKS FAVORITOS
  • NAVEGAÇÃO POR ÂNCORAS INTERMAS (FRAGMENT IDENTIFIERS)
  • SEGURANÇA DE LINK
    • ESTRUTURA MENTAL E PRÁTICA DA SEGURANÇA
      • 1) Entenda o limite do HTML (erro comum):
      • 2) Princípios fundamentais (antes de qualquer tag):
      • 3) Estrutura mínima de um HTML seguro:
        • Ⅰ) <meta http-equiv="Content-Security-Policy" content="default-src 'self';">
        • Ⅱ) <meta http-equiv="Referrer-Policy" content="no-referrer">
        • Ⅲ) <meta http-equiv="X-Content-Type-Options" content="nosniff">
      • 4) Formulários
      • 5) Nunca exponha lógica sensível no HTML
      • 6) JavaScript + HTML: separação é segurança
      • 7) Content Security Policy (CSP) — seu escudo invisível
      • 8) HTTPS não é opcional
      • 9) Mentalidade final (a parte que mais importa)
• IMAGES (IMAGENS) - <img>
  • TAMANHO DA IMAGEM
  • USAR IMAGEM COMO LINK
  • IMAGEM DE UM LADO E TEXTO DO OUTRO LADO
  • FORMATOS DE IMAGENS
  • ÁREAS DA IMAGEM CLICÁVEIS