Aula_06 (3)

Aula_06 (3)


DisciplinaAnálise Textual9.341 materiais293.683 seguidores
Pré-visualização1 página
TECNOLOGIAS WEB \u2013 AULA 6
PROF. RENATO GUIMARÃES
*
*
Objetivos:
Apresentar as principais tags utilizadas na construção de vínculos (Links). 
Listas as principais tags para criação de tabelas
*
*
Linguagem HTML - Vínculos (Links)
*
*
Linguagem HTML - Vínculos (Links)
SINTAXE:
<a href=\u201ccaminho para o destino\u201d> Objeto </a>
*
*
Linguagem HTML - Vínculos (Links)
Página Externa
<a href=\u201chttp://www.estacio.br\u201d> Site da Estácio</a>
*
*
Linguagem HTML - Vínculos (Links)
E-Mail
<a href=\u201cmailto: nome@exemplo. br\u201d>Fale comigo !</a>
*
*
Linguagem HTML - Vínculos (Links)
<a href=\u201c__________________\u201d> __________ </a>
*
*
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 &quot;saltar\u201d
 . Outro que identifique esse ponto de destino
*
*
Linguagem HTML
Âncora (Link Interno)
 Sintaxe:
<A NAME=&quot;Coloque o nome da ancora aqui&quot;></A>
<a href=&quot;#nome da ancora&quot;>Texto</a>
*
*
Linguagem HTML
Links com âncoras para uma outra página
<a href=\u201cpagina#nomedaancora&quot;>Texto</a> 
*
*
Tabelas
*
*
Linguagem HTML - Tabelas
*
*
Linguagem HTML - Tabelas
<table border=&quot;1&quot; > 
</table>
<tr>
<tr>
<tr>
 </tr>
 </tr>
 </tr>
*
*
Linguagem HTML - Tabelas
<table width=&quot;70%&quot; border=&quot;1&quot; >
 <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 - Tabelas
*
*
Linguagem HTML - Tabelas
<table border=&quot;1&quot; > 
</table>
<tr>
<tr>
<tr>
 </tr>
 </tr>
 </tr>
*
*
Linguagem HTML - Tabelas
<table width=&quot;70%&quot; border=&quot;1&quot; >
 <tr>
 <td colspan=&quot;3&quot;> 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 - Tabelas
*
*
Linguagem HTML - Tabelas
<table border=&quot;1&quot; > 
</table>
<tr>
<tr>
<tr>
 </tr>
 </tr>
 </tr>
*
*
Linguagem HTML - Tabelas
<table width=&quot;70%&quot; border=&quot;1&quot; >
 <tr>
 <td rowspan=&quot;3&quot;>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 - Tabelas
*
*
Linguagem HTML - Tabelas
<table border=&quot;1&quot; > 
</table>
<tr bgcolor=&quot;#FF0000&quot; >
<tr>
<tr>
 </tr>
 </tr>
 </tr>
*
*
Linguagem HTML - Tabelas
<table width=&quot;70%&quot; border=&quot;1&quot; >
 <tr bgcolor=&quot;#FF0000&quot; >
 <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>
*
*
Fontes de Consulta
 
 http://www.w3schools.com/tags/
http://www.htmlstaff.org/ 
*
 
*
 
*
 
*
 
*
 
*
 
*
 
*
 
*
 
*
 
*
 <tr>
 
 
 
<tr>
 </tr>
 <tr>
 
 </tr>
*
 
*
 <tr>
 
 
 
<tr>
 </tr>
 <tr>
 
 </tr>
*
 <tr>
 
 
 
<tr>
 </tr>
 <tr>
 
 </tr>
*
 
*
 <tr>
 
 
 
<tr>
 </tr>
 <tr>
 
 </tr>
*
 <tr>
 
 
 
<tr>
 </tr>
 <tr>
 
 </tr>
*
 
*
 
*
 <tr>
 
 
 
<tr>
 </tr>
 <tr>
 
 </tr>
*
 
*
 
*