Aulas
Disciplinas

Cursos / Informática para Internet / Autoria Web / Aula

arrow_back Aula 01 - Linguagens e Ferramentas para o Desenvolvimento Web

Uma visão geral de HTML

HTML é uma linguagem para escrever páginas web. Sua sigla significa linguagem de marcação de hipertexto (Hyper Text Markup Language). Dessa forma, HTML é uma linguagem de marcação e não uma linguagem de programação. Isso significa que ela é uma linguagem constituída de tags de marcação. Tags de marcação ou tags HTML são palavras-chaves rodeadas pelos símbolos de menor e maior, por exemplo, <html>.

Geralmente, essas tags ocorrem em pares, uma tag de abertura e uma de fechamento, como, por exemplo: <html> e </html>. Essas tags iniciam e terminam, respectivamente, qualquer documento html.

Documentos escritos em HTML são páginas web e todo documento HTML é constituído de tags. Os browsers, tais como Internet Explorer ou Firefox, têm o objetivo de interpretar esses documentos HTML e mostrá-los como páginas web, assim não vemos tags no browser, mas sim o conteúdo descrito pelos documentos HTML. Veja o exemplo a seguir:

Nesse exemplo:

  • o texto entre <html> e </html> descreve a página web. Todo documento HTML inicia e termina com essas tags, respectivamente;
  • o texto entre <head> e </head> é o local onde definiremos os metadados específicos de nossa página (que será detalhado mais a diante).
  • o texto entre <title> e </title> identifica o nome da página, que serve para identificação e será exibido na aba do navegador.
  • o texto entre <body> e </body> descreve o conteúdo que aparece no corpo do browser. Ou seja, todo conteúdo do site disponível ao usuário fica no interior deste par de tags.
  • o texto entre <h1> e </h1> é mostrado como o título de uma seção ou, nesse caso, o título da página;
  • o texto entre <p> e </p> é mostrado como um parágrafo e a palavra entre as tags <i> e </i> é mostrada em itálico.

A Figura 6 ilustra o que o navegador mostra quando abrimos o documento html que explicamos anteriormente.

Interface do browser apresentando o conteúdo descrito pelo arquivo exemplo1.html

Versão 5.3 - Todos os Direitos reservados