Title:

[[HTML]]
Main
Topic:
Html
Subtopic:
[[Front-
End
Mod-
erno]]
Tags:
#Pro-
gram-
ming
#Study

Tags HTML
Tags Essenciais
• html - Tag que demarca o texto inteiro
• head - Informações “escondidas” da página
• body - Corpo da página

Tags de Texto
• title - título da página (usado no head)
• h1; h2; h3; h4; h5; h6 - Títulos de texto (usado no body)
• p - Tag de Parágrafo (Sempre vai pra próxima linha se houver um embaixo
do outro - bloco)
• b - Usado dentro de outras tags, deixa em negrito
• u - Usado dentro de outras tags, deixa sublinhado
• i - Usado dentro de outras tags, deixa em itálico
• span - Tag de parágrafo (Fica na mesma linha - inline)

Imagens
• img - serve para colocar imagens (Não precisa ser local) [[Pasted image
20220503142929.png]]

Tags de Divisão
• section - serve para dividir o site
• div - serve para dividir o site
• header - demarca o topo do site [[Pasted image 20220503143609.png]]

1
Links
• a href=“{link aqui}” - Tag que marca links
– Target - opção que diz se o site vai fechar ou continuar aberto quando
clicar no link
∗ _Blank - Não sai do site

Tags Para marcação

• section, header, div
• nav - vários links de navegação
[[Pasted image 20220505141453.png]]

Tags de Vídeo e Audio

• video - serve para incorporar vídeos no html
– source - especifica de onde o vídeo vem (ou audio)
– controls - adicionar controles nativos
• audio - serve para incorporar audios no html
– source
– controls
[[Pasted image 20220505145029.png]]

Tags para SEO & SMO

• title - Título
• Tags de SEO
– meta name=“description” content=“Descrição do site”
• Tags de SMO
– meta property=“”
∗ og:title - Título
∗ og:site_name - Nome do site
∗ og:description - Descrição do site
∗ og:url - Url do site
∗ og:image - Imagem (aparece quando alguém compartilha o site)
∗ og:image:type - tipo da imagem