HTML - Visão geral

HTML significa Hypertext Markup Llinguagem, e é a linguagem mais amplamente usada para escrever páginas da web.

  • Hypertextrefere-se à maneira como as páginas da Web (documentos HTML) são vinculadas. Assim, o link disponível em uma página da web é denominado Hipertexto.

  • Como o próprio nome sugere, HTML é um Markup Language o que significa que você usa HTML para simplesmente "marcar" um documento de texto com tags que informam ao navegador da Web como estruturá-lo para exibição.

Originalmente, o HTML foi desenvolvido com a intenção de definir a estrutura de documentos como cabeçalhos, parágrafos, listas e assim por diante para facilitar o compartilhamento de informações científicas entre pesquisadores.

Agora, o HTML está sendo amplamente usado para formatar páginas da web com a ajuda de diferentes tags disponíveis na linguagem HTML.

Documento HTML básico

Em sua forma mais simples, a seguir está um exemplo de um documento HTML -

<!DOCTYPE html>
<html>

   <head>
      <title>This is document title</title>
   </head>
	
   <body>
      <h1>This is a heading</h1>
      <p>Document content goes here.....</p>
   </body>
	
</html>

Tags HTML

Como dito anteriormente, HTML é uma linguagem de marcação e faz uso de várias tags para formatar o conteúdo. Essas tags são colocadas entre colchetes angulares<Tag Name>. Exceto algumas tags, a maioria das tags tem suas tags de fechamento correspondentes. Por exemplo,<html> tem sua marca de fechamento </html> e <body> tag tem sua tag de fechamento </body> etiqueta etc.

O exemplo acima de documento HTML usa as seguintes tags -

Sr. Não Tag e descrição
1 <!DOCTYPE...>

Esta tag define o tipo de documento e a versão HTML.

2 <html>

Esta tag engloba o documento HTML completo e compreende principalmente o cabeçalho do documento que é representado por <head> ... </head> e o corpo do documento que é representado por tags <body> ... </body>.

3 <head>

Esta tag representa o cabeçalho do documento que pode manter outras tags HTML como <title>, <link> etc.

4 <title>

A tag <title> é usada dentro da tag <head> para mencionar o título do documento.

5 <body>

Esta tag representa o corpo do documento que mantém outras tags HTML como <h1>, <div>, <p> etc.

6 <h1>

Esta tag representa o título.

7 <p>

Esta tag representa um parágrafo.

Para aprender HTML, você precisará estudar várias tags e entender como elas se comportam, ao formatar um documento textual. Aprender HTML é simples, pois os usuários precisam aprender a usar diferentes tags para formatar o texto ou as imagens para fazer uma página da web bonita.

O World Wide Web Consortium (W3C) recomenda o uso de tags em minúsculas a partir de HTML 4.

Estrutura do Documento HTML

Um documento HTML típico terá a seguinte estrutura -

<html>
   
   <head>
      Document header related tags
   </head>
   
   <body>
      Document body related tags
   </body>
   
</html>

Estudaremos todas as tags de cabeçalho e corpo nos capítulos subsequentes, mas por enquanto vamos ver o que é tag de declaração de documento.

A declaração <! DOCTYPE>

A tag de declaração <! DOCTYPE> é usada pelo navegador da web para entender a versão do HTML usado no documento. A versão atual do HTML é 5 e faz uso da seguinte declaração -

<!DOCTYPE html>

Existem muitos outros tipos de declaração que podem ser usados ​​em documentos HTML, dependendo de qual versão do HTML está sendo usada. Veremos mais detalhes sobre isso ao discutir a tag <! DOCTYPE ...> junto com outras tags HTML.