Aula 04

Linguagem HTML Imagem Video Som Tabela ATPS

Imagem
Para Inserirmos imagem nossa pgina vamos utilizar a tag <img>

Exemplo:
<img src=imagem.gif> SRC = Source

Atributos:
SRC= Endereo (.gif/ .bpm/.jpg ) Widht = Largura Heigth= Altura Align= Alinhamento da imagem em relao ao texto (right, Center, left, top, middle. Bottom) Alt.= Texto Alternativo Border= Espessura da Borda

Cuidados
No deixe sua pagina muito pesada.Se for o caso, trabalhe a imagem antes de inclu-la na pagina.

Curiosidade
Sua imagem pode ser usada como link Como? < a href= HTTP://www.google.com> < img src= cone.gif></a>

Video
Usaremos as tags <img> e <embed> para incluir nossos vdeos

Exemplos:
<img dynsrc=vdeo.avi loop=infinite start=mouseover> <embed scr=video2.mov autostart=yes hidden=false> Fazer Link pro Video: Para no carregar o vdeo diretamente na pagina < a href=video2.mov> Clique aqui para Ver o Video </a>

Som
Usaremos as tags <bgsound> e <embed> para incluir nossos sons

Exemplos
<bgsound src=som.mp3 loop=3> <embed src=som2.wav autostart=no> Tabela Vamos usar a tag <table></table> A tabela usa muitos dos atributos vistos at agora: Width, height, bgcolor, align, border.... Mas, vamos estudar a composio principal da uma tabela. <td></td>= Definio de Coluna <tr></tr> = Definio de Linha <th></th>= Definio de Cabealho <table align=center valign=topborder=1width=30%> <tr><th> Titulo 1 </th> <td>Clula 1</td> <td>Clula 2</td> <td>Clula 3</td> <td>Clula 4</td> </tr> <tr><th> Titulo 2 </th> <td>Clula 5</td> <td>Clula 6</td> <td>Clula 7</td> <td>Clula 8</td> </tr> <tr><th> Titulo 3 </th> <td>Clula 9</td> <td>Clula 10</td> <td>Clula 11</td> <td>Clula 12</td> </tr> </table>