Introdução HTML
HTML é a linguagem de marcação padrão para criar páginas da Web.
O que é HTML?
- HTML significa Hyper Text Markup Language
- HTML é a linguagem de marcação padrão para criar páginas da Web
- HTML descreve a estrutura de uma página da Web
- HTML consiste em uma série de elementos
- Elementos HTML informam ao navegador como exibir o conteúdo
- Os elementos HTML rotulam partes do conteúdo como "este é um título", "este é um parágrafo", "este é um link", etc.
Um documento HTML simples
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Exemplo explicado
- A
<!DOCTYPE html>declaração define que este documento é um documento HTML5 - O
<html>elemento é o elemento raiz de uma página HTML - O
<head>elemento contém informações meta sobre a página HTML - O
<title>elemento especifica um título para a página HTML (que é mostrado na barra de título do navegador ou na guia da página) - O
<body>elemento define o corpo do documento e é um recipiente para todos os conteúdos visíveis, como títulos, parágrafos, imagens, hiperlinks, tabelas, listas, etc. - O
<h1>elemento define um título grande - O
<p>elemento define um parágrafo
O que é um elemento HTML?
Um elemento HTML é definido por uma tag inicial, algum conteúdo e uma tag final:
O elemento HTML é tudo, desde a tag inicial até a tag final:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Nota: Alguns elementos HTML não possuem conteúdo (como o elemento <br>). Esses elementos são chamados de elementos vazios. Elementos vazios não possuem uma tag final!
Navegadores da Web
O objetivo de um navegador da Web (Chrome, Edge, Firefox, Safari) é ler documentos HTML e exibi-los corretamente.
Um navegador não exibe as tags HTML, mas as usa para determinar como exibir o documento:
Estrutura da página HTML
Abaixo está uma visualização de uma estrutura de página HTML:
Nota: O conteúdo dentro da seção <body> (a área branca acima) será exibido em um navegador. O conteúdo dentro do elemento <title> será mostrado na barra de título do navegador ou na aba da página.
Histórico HTML
Desde os primeiros dias da World Wide Web, tem havido muitas versões de HTML:
| Year | Version |
|---|---|
| 1989 | Tim Berners-Lee invented www |
| 1991 | Tim Berners-Lee invented HTML |
| 1993 | Dave Raggett drafted HTML+ |
| 1995 | HTML Working Group defined HTML 2.0 |
| 1997 | W3C Recommendation: HTML 3.2 |
| 1999 | W3C Recommendation: HTML 4.01 |
| 2000 | W3C Recommendation: XHTML 1.0 |
| 2008 | WHATWG HTML5 First Public Draft |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C Recommendation: HTML5 |
| 2016 | W3C Candidate Recommendation: HTML 5.1 |
| 2017 | W3C Recommendation: HTML5.1 2nd Edition |
| 2017 | W3C Recommendation: HTML5.2 |
Este tutorial segue o padrão HTML5 mais recente.