TOC

This article is currently in the process of being translated into Portuguese (~99% done).

Noções básicas de HTML:

Headings

Elementos "Headings" são definidos pelas marcações <h1> até <h6> Sendo o elemento <h1> o maior e importante "heading" da página.

Abaixo estão alguns exemplos de diferentes títulos

<h1>This is a H1-heading</h1>
<h3>This is a H3-heading</h3>
<h6>This is a H6-heading</h6>

Títulos são importantes já que os navegadores interpretam os títulos como a estrutura da sua página. Portanto, títulos deveriam ser usados apenas para títulos reais e não para deixar o texto em negrito ou grande. Além de estruturar sua página, títulos também aumentam a legibilidade de suas páginas - seus usuários provavelmente vão olhar suas páginas e usar os títulos como navegação.

Abaixo está um exemplo de como você pode usar os diferentes títulos. Os títulos são usados para estruturar a página - o seguinte HTML criaria esta estrutura de página:

  1. Introdução
  2. Voltar aos títulos de 2º nível
  3. O último título de 2º nível
<!DOCTYPE html>
<html>
<head>
	<title>Your first HTML5 Document</title>
</head>
<body>
	<h1>Introduction</h1>
		<p>Okay, now we’re going somewhere! This is the first paragraph of the page.</p>
	<h2>The less important heading</h2>
		<p>This is the second paragraph and it is right below a h2-heading</p>
	<h3>My 3rd level heading</h3>
		<p>Just another paragraph </p>
	<h2>Back to 2nd level headings</h2>
	<h2>The last 2nd level heading</h2>
</body>
</html>

This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!
adplus-dvertising