HTML - Elementos: corpo, cabeçalho, título

Elementos de HTML tem muitas posições. Tudo que você vê: parágrafo, banner, links de navegação do lado esquerdo e direito, todos são elementos dessa página.

Um elemento tem três partes: uma tag de abertura, um conteúdo do elemento e um fecho.

  1. <p> - a tag que abre o parágrafo
  2. Element's content - o parágrafo em si
  3. </p> - a tag fecho

***Nota:
Todas as páginas de web tem pelo menos os elementos básicos: html, cabeçalho, título e corpo.

<html> element

U documento HTML sempre começará com a tag <html> e findará com </html>. Essa é a estrutura padrão de um HTML. Por favor abra o Bloco de Notas e copie o próximo código:

html<html>
</html>

Salve o documento indo ao menu "Arquivo" e "Salvar como". Selecione "Todos os Arquivos" e nomeie o no arquvo criado de "index.html". Aperte "Salvar". Agora abra o aqeuivo no navegador para que você tenha a possibilidade de atualizar a página (F5).

Se você fez tudo certo, você será capaz de ver a sua página da web branca!

<head> element

O elemento <head> é o que vem em seguida. Enquanto você o coloca entre html e body tudo devera funcionar bem. "Cabeçalho" não tem nenhuma função visível, então falaremos sobre esse aspecto nos próximos tutoriais. Entretanto gostariamos de mencionar que <head> oferece ao navegador informações muito úteis. Você pode introduzir outros códigos como JavaScript ou CSS.

Por agora deixaremos essa tag vazia e vamos introduzir o próximo elemento da lista, mas primeiro vamos dar uma olhada nele:

html<html>
	<head> 
	</head> 
</html>

Se você salvar o documento e tentar atualizar a página inicial do navegador, não verá nenhuma diferença. Apenas tenha um pouco de paciência, porque depois estudaremos os elementos visíveis.

<title> element

Para que tudo funcione bem você deve colocar a tag de título dentro da tag de cabeçalho. O que você escrever entre essas duas tags de título (<title> e </title>) serpa visto como o nome no navegador, geralmente em cima do lado direito. Depois temos o código de fonte:

html<html>
	<head>
		<title>Minha primeira página d web!</title>
	</head>
</html>

Agora salve o arquivo e o abra em seu navegador. Você será capaz de ver o título na parte de cima esquerda ou direita como na maioria dos navegadores.

Você pode colocar qualquer nome que quiser, apenas lembre que os nomes descritivos são os mais fáceis de serem encontrados depois.

<body> element

O elemento corpo é o que define o início do conteúdo da página em si (títulos, parágrafos, fotos, músicas e qualquer outro conteúdo). Como você pode ver do menu a esquerda, nós falaremos dos elementos um por um.

Por hora tudo o que você precisa manter em mente é que o corpo contem todo o conteúdo da página.

html<html>
	<head> 
		<title>Minha primeira página de web!</title>
	</head>

	<body> 
		Olá gente! Colocaremos alguns conteúdos aqui depois! 
	</body>

</html>

Agora veja o que você fez e depois te convidamos a ver o que há na próxima seção.