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.