Links

O Tag HTML usado para criar links é <a href="endereço">texto ou imagem</a>

Como já foi visto o a Internet é composta por documentos hipertextos (documentos que se ligam a outros documentos) essas ligações são feitas por meio de hiperlinks ou links. Com esse conceito você pode criar documentos que fazem reverências a outros documentos. O link permite que você divida sua página em setores, como por exemplo neste curso que foi separado em Introdução, Conhecendo algumas tags, Imagens, etc.

Um link é reconhecido em uma página por estar em cor normalmente diferente do resto do texto e ao passar com o mouse sobre esse texto o cursor muda para uma mão apontando para o link.

Fazer a ligação de um texto com outra página, imagens ou até mesmo arquivos é uma tarefa simples. Você precisa apenas especificar o nome ou caminho completo do arquivo que será chamado pelo  tag A HREF.

Exemplo:

<a href="página.html">Clique aqui para visitar nossa página</a>

Nesse caso será aberto a janela do Internet Mail ou Outlook Express para que você envie sua mensagem.

Sintaxe:

<a href="mailto:nome@provedor.com.br" >E-Mail</a>

Exemplo:

<a href="mailto:bestrafe32@gmail.com">Envie suas dúvidas e sugestões para nós!</a>

Tabelas em HTML é um processo um pouco dificil é requer atenção na hora em que se pretende contruir uma em sua página.

As células de uma tabela podem conter desde texto até imagens.

Os Tags

Para iniciar uma tabela: <TABLE>

Para iniciar uma linha: <TR>

Para uma célula: <TD>

Lembre-se: Todos estes comandos são encerrados com os Tags </TABLE>, </TR> e </TD>.

Exemplo de uma tabela 2X3, ou seja, 2 linhas e 3 colunas:
<HTML>
<HEAD> <TITLE> Trabalhando com tabelas</TITLE> </HEAD>
<BODY>
<CENTER> <FONT COLOR="blue" SIZE="5"> TABELA </FONT> </CENTER>

<BR>

<TABLE BORDER=1><!--inicio da tabela com borda de espessura 1-->
<TR><!--Cria primeira linha da tabela-->
<TD> 1- Primeira coluna</TD><!--Aqui foi criada uma célula-->
<TD> 1 - Segunda coluna</TD>
<TD> 1 - Terceira coluna</TD>
</TR><!--Fecha a primeira linha da tabela-->
<TR><!--Abre a segunda linha da tabela-->
<TD> 2- Primeira coluna</TD>
<TD> 2 - Segunda coluna</TD>
<TD> 2 - Terceira coluna</TD>
</TR><!--Encerra a segunda linha da tabela-->
</TABLE><!--Encerra a tabela-->
</BODY>
</HTML>

Resultado:

TABELA

1- Primeira coluna 1 - Segunda coluna 1 - Terceira coluna
2- Primeira coluna 2 - Segunda coluna 2 - Terceira coluna

Parâmetros que podem ser incluídos nos tags de uma tabela:

border = tamanho da borda;
cellpadding = Regula o espaço do conteúdo e as bordas da célula;
cellspacing = regula o espaço entre as células;
bgcolor = cor de fundo da tabela ou de uma célula;
background = imagem de fundo para uma tabela ou célula;
rows = linhas;
collumns = colunas;
cells = células;
th = célula título;
tr = nova linha;
align = especifica o alinhamento da tabela ou células - left(esquerda), right(direita) e center(centro);
valign = especifica o alinhamento das células na vertical: top quer dizer que o conteúdo das células de uma mesma linha fica alinhado na parte superior da célula; bottom alinha em relação à parte inferior e middle alinha em relação ao centro da célula;
colspan = define quantas colunas irá ocupar uma célula em uma tabela irregular;
rowspan = define quantas linhas irá ocupar uma célula em uma tabela irregular.

Os atributos COLSPAN e ROWSPAN

Estes atributos possibilitam remodelar a disposição das células dentro da tabela.Vejamos um exemplo prático:

<TABLE BORDER=2 CELLPADDING=2>

<TR>

<TD COLSPAN=2>Exemplo do uso do COLSPAN</TD>

<TR>

<TD> CÉLULA 1 </TD> <TD> CÉLULA 2 </TD>

<TR>

</TABLE>

Resultado:

Exemplo do uso do COLSPAN
CÉLULA 1 CÉLULA 2

 

Volta principal Curso

Página Principal