Guia para Iniciantes - Tags

  »   Guia do Iniciante  »   HTML Tutorial - Tags

Agora que você já criou a sua página de web, nós devemos examinar alguns segmentos do arquivo "index.html". Você certamente viu que há um modelo na organização dos comandos, algumas palavras estão cercadas por "<" e ">", essas são tags de HTML.

Um exemplo de tag HTML é <body>. A tag <body> diz ao navegador onde o conteudo da página começa. <body> é um exemplo de tag que deve existir em todas as páginas de web.

Tags básicas em HTML

Vamos olhar para os códigos. A página de web é composta por dois elementos básicos. Se você tentar criar uma página sem essas duas tags, você terá problemas.

html<html>
	<body>
		Conteúdo da página de web irá aqui.
	</body>
</html>

A primeira tag é chamada de <html> e é a tag que diz ao navegador que o código HTML começou. A segunda tag, <body>, diz ao navegador que ali começou a parte visível ou o conteúdo da página.

Como fechar uma tah HTML

Você já deve ter observado outras duas tags similares no final do documento, </body> e </html>. Essas tags estão fechando. </body> permite ao navegador saber que o conteúdo da página acabo e </html> , que o documento HTML terminou.

A Barra "/" é situada antes do nome da tag e diz ao navegador que quer interromper a presente função. Então <tag> é usada para iniciar uma função e </tag> , para pará-la.

Ordem das Tags - Muito Importante

A ordem de abrir e fechar uma tag é muito importante. Se uma tag é aberta em uma orderm, por exemplo, se body é escrito aberto em HTML, entçao aquela tag (body) é a que deve ser fechada antes da segunda tag (html).

Nós fechamos primeiro body porque isso foi escrito primeiro. Essa é regra: abrir e fechar tahs aplica-se a todos as outras tags de documentos HTML.

A segunda página

Você provavelmente precisará de tempo e mais tentaivas para que acostume-se com essas regras, então você deveria continuar tentando com a próxima página de web. Copie esse código no Bloco de Notas, como você fez com a primeira página.

html<html>
	<head>
		<title>Minha segunda página de web!</title>
	</head>
	
	<body>
		<h2>Bem vindos.</h2>
		<p>Eu logo farei uma página que será muito legal!</p>
	</body>
</html>

Depois que voce se asegurar de que tudo está indo de acordo com os indicadores anteriores, você pode salvar o documento. Você deveria tentar salvar com o mesmo nome que o anterior, "index.html". Você deverá ser questionado se quer substituir o documento, selecione OK, nós não precisaremos mais do outro documento. Quando você terminar, continue e leia o próximo tutorial.