5
Se está a perguntar-se o que é HTML, nós temos a resposta para si. Muitas vezes, o termo é utilizado no contexto do design de sites.
O que é HTML: linguagem de marcação para a estrutura do seu site
O termo «HTML» significa «Hypertext Markup Language», em português «linguagem de marcação de hipertexto». Trata-se do formato em que os sites são escritos.
- Num ficheiro HTML, o criador do site escreve o texto de um site. Com o ficheiro HTML, é possível estruturar e formatar um texto (por exemplo, tamanho e tipo de letra). Além disso, através do HTML, pode integrar links para outros sites ou adicionar imagens, vídeos ou sons de fundo ao seu texto.
- Navegadores como o Chrome, Firefox, Safari ou Internet Explorer leem o ficheiro HTML em frações de segundos e, em seguida, o exibem graficamente.
- Normalmente, os ficheiros HTML já não são escritos manualmente. Os operadores de sites são dispensados desse trabalho com uma interface gráfica – isso acontece, por exemplo, através de sistemas de gestão de conteúdo como o WordPress ou o Typo3.
- Dica: clique com o botão direito do rato numa área livre deste site e selecione a opção «Guardar como» ou «Guardar página como». Em seguida, pode descarregar o ficheiro HTML deste site e visualizar o código em branco no editor. Além das palavras individuais, encontrará repetidamente comandos para links ou imagens.
Interação com CSS e JavaScript
Antigamente, as páginas web eram programadas inteiramente em HTML. Devido à crescente dinâmica em muitos sites da Internet, o CSS, que difere do HTML, estabeleceu-se adicionalmente no web design moderno.
- Por isso, o HTML serve apenas para estruturar um site. Por exemplo, pode definir se um texto deve aparecer como título ou texto corrido.
- Num ficheiro CSS associado, define-se então o formato que esse trecho de texto deve ter. CSS (Cascading Style Sheets) é responsável pelo design: cores, espaçamentos, layouts ou tipos de letra.
- JavaScript traz interatividade ao jogo: animações, entradas em formulários ou conteúdos dinâmicos.
- Juntos, HTML, CSS e JavaScript formam o «triângulo mágico» do web design moderno. O HTML é sempre a base sobre a qual tudo o resto se constrói.
Estrutura de um documento HTML, tags e atributos
Um documento HTML segue uma estrutura clara. Ele consiste em duas áreas centrais: a área de cabeçalho (
) e a área de corpo ().- Na área de cabeçalho encontram-se informações que não são diretamente visíveis na página web, como o título, metadados ou a referência a ficheiros CSS e JavaScript externos.
- Na área do corpo encontra-se o conteúdo propriamente dito: textos, imagens, títulos, listas ou links.
- O HTML funciona com as chamadas tags (também chamadas de «elementos»). As tags são escritas entre colchetes angulares, por exemplo,
para um parágrafo ou para um link. Na maioria das vezes, elas aparecem como tags de início e fim, que envolvem o conteúdo respectivo.
- Além disso, as tags podem conter atributos que fornecem informações adicionais. Por exemplo, o atributo href indica para onde um link leva.
