Tutoriais » HTML » Básico »

Básico
Aqui apresentam-se as TAGs que estruturam as partes fundamentais de uma página escrita em HTML. Lembre que a página não contém 'ciclos' e nem desvios condicionais.
Uma página é um conjunto de 'marcas' lidas sequencialmente em um fluxo contínuo pelo servidor de páginas.

Tags Básicos
Abaixo estão os tags principais de uma página html.

<html></html>
Determina o início e o fim da página.

<head></head>
Determina o início e o fim de um cabeçalho.

<title></title>
Determina o início e o fim de um título.

<body></body>
Determina o início e o fim do conteúdo de um documento.

Atributos Body
Com os atributos listados abaixo o webmaster define configurações de cores, margens, etc.

bgcolor = "cor"
Modifica a cor de fundo de uma página.

background = "imagem.gif"
Coloca uma imagem de fundo.

bgproperties="fixed"
Mantém fixa a imagem de fundo quando a página é rolada. (Marca d'água) - Vale somente para o Internet Explorer

leftmargin="x"
Define a largura da margem esquerda na página. (x é o valor em pixels da margem)

topmargin="x"
Define a largura da margem superior na página. (x é o valor em pixels da margem)

text="cor"
Determina a cor padrão do texto.

link="cor"
Cor dos links não visitados.

alink="cor"
Cor dos links ativados.

vlink="cor"
Cor dos links visitados.

Vamos imaginar uma página com fundo verde, texto branco, link azul e margem direita de 10px. Veja como o body será configurado:

<body bgcolor="green" text="white" link="blue" leftmargin="10">

Títulos
Uma das formas utilizadas para determinar o tamanho do texto. Veja abaixo os tags para obter diversos tamanhos.

<h1>Texto</h1>
Texto

<h2>Texto</h2>
Texto

<h3>Texto</h3>
Texto

<h4>Texto</h4>
Texto

<h5>Texto</h5>
Texto

<h6>Texto</h6>
Texto

Quebra de Linha
Simples comando, indispensável para melhorar o visual da página. Usa-se o tag <br>. Veja no exemplo:

Seja Bem-Vindo, <br> você está<br> na seção HTML<br>

Seja Bem-Vindo
você está
na seção HTML

Simples Página
Com os comandos listados acima já é possível construir uma simples página.
Fundo preto, texto branco, título <h1>, e quebra de linha.
Veja abaixo:

<html>
<head>
<title> Minha Primeira Home Page </title>
</head>
<body bgcolor="black" text="white">
<h1>Minha Home Page Pessoal</h1>
<br><br>
Seja Bem Vindo, meu nome é NONONO,<br>
você acaba de visitar minha primeira home page.
</body>
</html>

<h1>Texto</h1> Texto

<h2>Texto</h2> Texto

<h3>Texto</h3> Texto

<h4>Texto</h4> Texto

<h5>Texto</h5> Texto

<h6>Texto</h6> Texto