HTMLHTML

Abreviatura de Hyper Text Markup Language, que significa Linguagem de Marcação de Hipertexto. Através de códigos HTML é possível criar páginas na Internet. Os documentos em HTML são textos criados e editados num qualquer editor de textos, como por exemplo no Bloco de Notas do Windows. 

Um exemplo de estrutura básica de um documento em HTML:

<html>
<title> HTML </title>
<body> HTML significa Linguagem de Marcação de Hipertexto. </body>
</html>

Algumas etiquetas básicas de HTML são:

  • <html> - indica o início de um documento HTML.
  • <head> - onde ficará posicionado o cabeçalho do documento.
  • <body> - aqui deverá incluir o conteúdo principal do assunto que está a tratar.

O que significa H-T-M-L?



Hyper   palavra de origem grega que significa que significa "acima", "sobre". Antes deste conceito vigorava o linear, em que os computadores processavam a informação linearmente, ou seja, linha após linha.
Com o advento do HTML é possível passar diretamente para outra área sem ter de percorrer toda as linhas.
Linear vs Hiper

Text   como o próprio termo indica, refere-se a texto. O HTML exprime-se através de texto.
Mark-up
é uma marcação do texto. Na prática isto significa que são feitas anotações através de tags (etiquetas), com o propósito de deixar instruções para os browsers e outros sistemas relativas a outros detalhes para além dos textos, como formatos, links, imagens, etc.
Language 
HTML é uma língua que nos é apresentada através de browsers como o Chrome, Firefox, Safari, IE, Edge, etc.

HTML Tags (etiquetas)

As tags de HTML são palavras (nome da tag) ladeadas por colchetes, como se indica:


<nomedatag>conteúdo</nomedatag >

  • As tags de HTML normalmente operam aos pares, por exemplo: <p> e </p>
  • A primeira tag é a tag de abertura e a segunta tag é a tag de fecho
  • A tag de fecho é igual à tag de abertura, mas tem uma barra antes do nome da tag.

 

A língua dos Web Browsers é HTML


A função dum browser (Chrome, Firefox, Safari, IE, Edge) é ler documentos HTML e apresentá-los.

O browser não apresenta as tags HTML, porém estas são a forma de indicar todos os detalhes a apresentar aos visitantes.

Estrutura duma página HTML


Uma página HTML tem esta estrutura:

  • A declaração DOCTYPE indica ao browser qual a versão do HTML
  • O texto entre <html> e </html> é o conteúdo do documento HTML
  • O texto entre <head> e  </head> fornece informação sobre o documento
  • O texto entre <title> e  </title> fornece um título ao documento
  • O texto entre <body> e  </body> contém o conteúdo visível do documento
  • O texto entre <h1> e  </h1> é um título no texto
  • O texto entre <p> e  </p> indica um parágrafo


Estrutura básica duma página HTML

Apenas a área do <body> (com o fundo branco) é apresentada pelo browser.


Sobre o autor:
  • Marketing Consultant na Fullsix Portugal
  • Pós-graduação em Marketing Digital (IPAM)
  • Licenciatura em Relações Públicas e Comunicação Empresarial (ESCS-IPL)
  • Licenciatura em Ciência Política e Relações Internacionais (FCSH-UNL)

Glossário