• DOCTYPE: define o tipo de documento
  • html: define o início do documento html, todos as demais tags devem estar dentro desta tag
  • head: cabeçalho onde ficar os metadados do documento, como metatgs, css e javascript
  • title: define o título do documento, mostrado na barra de títulos do navegador e como link nos mecanismos de busca
  • base: define a url base do documento
  • link: utilizado para linkar um arquivo de imagem ou css a página html
  • script: utilizado para escrever ou anexar um arquivo normalmente javascript a página
  • meta: metatags, como charset, description, viewport ou keywords
  • style: utilizada para adicionar um código css a página
  • body: corpo ou área principal do documento, dentro deste deve ficar o conteúdo da sua página
  • header: define um cabeçalho da página ou de uma seção, normalmente pode conter um menu (nav), um logo ou link
  • nav: define uma área de navegação contendo links, para a formação de menus com hiperlinks
  • footer: define o rodapé de uma página ou seção
  • main: define o conteúdo principal da página, deve ser utilizado apenas uma única vez em cada página
  • section: define uma seção do documento
  • article: pode ser um post ou notícia de um fórum ou blog, define um conteúdo independente
  • h1 a h6: representam 6 níveis de títulos, sendo o h1 de maior importância
  • p: define um parágrafo
  • br: define uma quebra de linha
  • div: define uma camada sem formatação, genérico
  • ul: define uma lista não ordenada
  • li: define um elemento ou item da lista não ordenada
  • a: define um link que deve ser apontado com o atributo href
  • img: define a utilização de uma imagem (JPG, GIF, PNG e outras). A imagem deve ser apontada com o uso do atributo src
  • strong: apesar de deixar em negrito, representa a importância deste texto no meio da frase