Tecnologias WEB-Aula_06

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

TECNOLOGIAS WEB
Aula 6 – Tabelas 
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
CONTEÚDO PROGRAMÁTICO DESTA AULA
LINKS
TABELAS
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
LINGUAGEM HTML
Documento HTML:
Vínculos (Links)
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
LINGUAGEM HTML
Documento HTML:
Vínculos (Links)
SINTAXE:
<a href=“caminho para o destino”> Objeto </a>
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
LINGUAGEM HTML
Documento HTML:
Vínculos (Links)
Página Externa
<a href=“http://www.estacio.br”> Site da Estácio</a>
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
LINGUAGEM HTML
Documento HTML:
Vínculos (Links)
E-Mail
<a href=“mailto: nome@exemplo. br”>Fale comigo !</a>
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
LINGUAGEM HTML
Documento HTML:
Vínculos (Links)
<a href=“__________________”> __________ </a>
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
LINGUAGEM HTML
Âncora (Link Interno)
 Para o funcionamento de uma âncora deve-se estabelecer dois comandos: . Um que defina o lugar da página para onde se pretende "saltar”
 . Outro que identifique esse ponto de destino
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
LINGUAGEM HTML
Âncora (Link Interno)
 Sintaxe:
<A NAME="Coloque o nome da ancora aqui"></A>
<a href="#nome da ancora">Texto</a>
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
LINGUAGEM HTML
Links com âncoras para uma outra página
<a href=“pagina#nomedaancora">Texto</a> 
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
LINGUAGEM HTML
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
<table border="1" > 
</table>
<tr>
<tr>
<tr>
 </tr>
 </tr>
 </tr>
LINGUAGEM HTML
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
<table width="70%" border="1" >
 <tr>
 <td>Celula 1.1 </td><td>Celula 1.2 </td><td>Celula 1.3</td>
 </tr>
 <tr>
 <td>Celula 2.1 </td><td>Celula 2.3</td><td>Celula 2.3</td>
 </tr>
 <tr>
 <td>Celula 3.1 </td><td>Celula 3.2</td><td>Celula 3.3</td>
 </tr> </table>
LINGUAGEM HTML
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
LINGUAGEM HTML
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
<table border="1" > 
</table>
<tr>
<tr>
<tr>
</tr>
</tr>
</tr>
LINGUAGEM HTML
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
<table width="70%" border="1" >
 <tr>
 <td colspan="3"> Celula com colunas mescladas </td>
</tr>
 <tr>
 <td>Celula 2.1 </td><td>Celula 2.3</td><td>Celula 2.3</td>
 </tr>
 <tr>
 <td>Celula 3.1 </td>
<td>Celula 3.2</td>
 <td>Celula 3.3</td>
 </tr>
</table>
LINGUAGEM HTML
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
LINGUAGEM HTML
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
<table border="1" > 
</table>
<tr>
<tr>
<tr>
</tr>
</tr>
</tr>
LINGUAGEM HTML
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
<table width="70%" border="1" >
 <tr>
 <td rowspan="3">Celula com linhas mescladas</td>
 <td>Celula 1.2 </td><td>Celula 1.3</td>
 </tr>
 <tr>
 <td>Celula 2.3</td><td>Celula 2.3</td>
 </tr>
 <tr>
 <td>Celula 3.2</td><td>Celula 3.3</td>
 </tr> 
</table>
LINGUAGEM HTML
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
LINGUAGEM HTML
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
LINGUAGEM HTML
<table border="1" > 
</table>
<tr bgcolor="#FF0000" >
<tr>
<tr>
 </tr>
 </tr>
 </tr>
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
<table width="70%" border="1" >
 <tr bgcolor="#FF0000" >
 <td>Celula 1.1 </td><td>Celula 1.2 </td><td>Celula 1.3</td>
 </tr>
 <tr>
 <td>Celula 2.1 </td><td>Celula 2.3</td><td>Celula 2.3</td>
 </tr>
 <tr>
 <td>Celula 3.1 </td><td>Celula 3.2</td><td>Celula 3.3</td>
 </tr>
</table>
LINGUAGEM HTML
 Aula 6 – Tabelas 
 TECNOLOGIAS WEB
O que é um site e suas classificações