Make it a real page · Torne isso uma página real
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Esta página precisa de um navegador recente (com suporte a SharedArrayBuffer). Por favor, atualize Chrome, Edge, Firefox ou Safari para a versão mais recente.
English
A real web page
- So far you wrote pieces of HTML. A full page wraps them in a frame.
- That frame is almost the same on every web page in the world.
- Let's meet it once — then it becomes a habit.
Português
Uma página da web real
- Até agora você escreveu pedaços de HTML. Uma página completa os envolve em uma estrutura.
- Essa estrutura é quase a mesma em toda página da web no mundo.
- Vamos conhecê-la uma vez — então se tornará um hábito.
English
The four parts
<!DOCTYPE html>— the first line. It says: this is modern HTML.<html>— wraps the whole page.<head>— hidden information about the page (like its<title>).<body>— everything you see on the page.
Português
As quatro partes
<!DOCTYPE html>— a primeira linha. Diz: este é HTML moderno.<html>— envolve a página inteira.<head>— informações ocultas sobre a página (como seu<title>).<body>— tudo o que você vê na página.
Explore · Explorar
The page skeleton as a tree · A estrutura da página como uma árvore
Every page is a tree: <html> holds · contém <head> (setup) and <body> (what you see). · Toda página é uma árvore: <html> contém <head> (configuração) e <body> (o que você vê).
<!DOCTYPE html>
<html>
<head>
<title>My first page</title>
</head>
<body>
<h1>Hello!</h1>
<p>This is a real web page.</p>
</body>
</html>
English
The title shows in the tab
- The
<title>does not appear on the page itself. - It is the name shown on the browser tab and in search results.
- Every page should have one.
Português
O título aparece na aba
- O
<title>não aparece na própria página. - É o nome mostrado na aba do navegador e nos resultados de busca.
- Toda página deve ter uma.
English
Common mistakes
- A page needs
<html>, a<head>and a<body>. - The tab title comes from
<title>inside<head>.
Português
Erros comuns
- Uma página precisa de
<html>, um<head>e um<body>. - O título da aba vem do
<title>dentro do<head>.
English
Now you try
- Notice how
<head>and<body>sit inside<html>. - Add a title, then give a page its doctype line.
Português
Agora você tenta
- Note como
<head>e<body>ficam dentro do<html>. - Adicione um título, depois dê à página sua linha de tipo de documento.
Give the page a title. Add <title>My Page</title> inside the <head>. · Dê um título à página. Adicione <title>My Page</title> dentro do <head>.
Start this page properly. Add <!DOCTYPE html> as the very first line. · Comece esta página corretamente. Adicione <!DOCTYPE html> como a primeira linha.