Primeira página em HTML HTML CSS PHP JAVASCRIPT

HTML ou 'HyperText Markup Language

Linguagem de Marcação de Hipertexto
É uma linguagem de marcação utilizada na construção de páginas na Web onde são criados documentos em HTML que podem ser interpretados por navegadores.
Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.), conectados por hiperligações (em inglês: hyperlink e link).

Estrutura inícial de um documento em HTML

A estrutura de um documento em HTML inicia da seguinte forma:


<!DOCTYPE html> <html lang="pt-PT"> <head> <meta charset="utf-8"> <title>Título da página</title> </head> <body> Aqui vai o conteúdo da página </body> </html>

Este é o codico para poder desenvolver toda a nossa página.

Vamos então exemplificar o que significa todo esse codico.

  • <!DOCTYPE html> - A declaração serve para informar o navegador que está sendo utilizado a linguagem HTML 5.
  • <html lang="pt-PT"></html> - O elemento <html> envolve todo o conteúdo da página HTML, lang="pt-PT" são apenas valores pra informar ao navegador o idioma referente á página.
  • <head></head> - O <head> é um contêiner para metadados (dados sobre dados) irá incluir todos os elementos que deseja incluir na página mas que não deve ser renderizado.
    Os metadados definem o título do documento, conjunto de caracteres, estilos, scripts e outras metainformações.
  • <meta charset=”utf-8″> - O atributo charset é utilizado para fazer a indicação de um formato de codificação definido por caracteres, o conjunto de caracteres UTF-8 abrange quase todos os caracteres e símbolos do mundo!
  • <title></title> - O elemento <title> serve para definir o titulo da página que é apresentado no guia do navegador.
  • <body></body> - O elemento <body> é onde ficará todo o conteúdo de um documento HTML, como cabeçalhos, parágrafos, imagens, hiperlinks, tabelas, listas, etc.
    Só pode existir um elemento body em cada página html.

@WebTvr 1 de Março de 2023