Posts Tagged ‘tutorial’

Tutorial – HTML parte 2

04/12/2008

As TAGs

Agora que já aprendemos como criar uma simples página e visualizar em um browser, vamos conhecer e testar as demais Tag’s existentes, você pode manter o bloco de notas aberto e clicar em salvar a cada modificação, assim cada alteração no bloco de notas realizada e salva, atualize seu browser e veja o que mudou, é a melhor forma de entender a função de cada comando.

<html> e </html>
Tag a qual deve estar presente no início e no fim de todo documento HTML


<head> e </head>
Início e fim do cabeçalho


<title> e </title>
Título que será exibido na “barra de títulos” do browser


<body> e </body>
Indica o começo e fim de sua página propriamente dita, o corpo da página.

Exemplo:

bgcolor: Cor de fundo da página (hexadecimal)

<body bgcolor=”#45DDFF”%gt;

background: Define uma figura como plano de fundo da página

<body background=”nome_da_imagem.jog”%gt;

Text: Define a cor padrão do texto de sua página
Link: Define a cor dos links não visitados
Vlink: Define a cor dos links visitados
Alink: Define a cor dos links ativos, enquanto clicamos nele.

<body bgcolor=”#000000″ text=”#ffffff” link=”#ffff33″ alink=”ffffcc” vlink=”ffff00″>


<h1>,<h2>,<h3>,<h4>,<h5>,<h6>
Formatações de texto para cabeçalho 

Código:

<h1> Texto </h1>
<h2> Texto </h2>
<h3> Texto </h3>
<h4> Texto </h4>
<h5> Texto </h5>
<h6> Texto </h6>


 <font> e </font>
Usado para alterar a cor, o tipo e o tamanho da fonte

<font size=”5″> altera o tamanho da fonte
<font face=”verdana”> altera o tipo da fonte
<font color=”#1DAACC”> Altera a cor (hexadecimal)

<font color=”33dd33″ face=”verdana” size=”5″&gtTexto
</font>


 <p> e </p>
Cria um novo parágrafo

Código:
<p> Parágrafo 1</p><p>Parágrafo 2</p>

Resultado:
Parágrafo 1

Parágrafo 2


<br/>
Esta tag não possui um par, ela força uma quebra de linha em um parágrafo, diferente da tag <p> que cria um novo parágrafo

Código:
Força a <br/> quebra de linha em um parágrafo

Resultado:
Força a
quebra de linha em um parágrafo


<img/>
Tag usada para inserir imagens em sua página

Atributos:
src – caminho da figura
alt – descrição da figura
border – borda da figura (opcional)

Exemplo:
<img src=”nome_da_figura.jpg” alt=”Descrição da imagem” border=”1″ />

 

Anúncios