HTML Aula3 1

HTML
V1.0

1

Imagens


<img>  inclui uma imagem em uma página HTML

2

Atributos da tag <IMG>












SRC: URL da imagem que será exibida
ALIGN: top | bottom | middle | left | right
WIDTH: estabelece a largura da imagem
HEIGHT: estabelece a altura da imagem
VSPACE: controla o espaço acima e abaixo da imagem HSPACE: controla o espaço a esquerda e a direita da imagem
BORDER: define a borda ao redor da imagem
ALT: define uma descrição sucinta da imagem
LOWSRC
3

Exemplo


<img src="angry.gif" alt="Angry"/>

4

Tabelas
Uma tabela é composta por linhas e colunas que formam uma célula.
Essas células podem conter textos, imagens e até mesmo outras tabelas

5

Tabelas - Tags
Tags:
<table> ... </table>  delimita uma tabela <caption> ... </caption>  define um título para tabela (é opcional)
<tr> ... </tr>  delimita uma linha
<td> ... </td>  delimita uma coluna
<th> ... </th>  tags de cabeçalho
(negrito e centralizado)
6

Tabelas – Tag <table>
<table
[border="n"]
[cellpadding="n"]
[cellspacing="n"
[width="n"]
[align="left"|"center"|"right"
>
...
</table>
7

Exemplo de Tabela
<table>
<tr>
<td> linha
<td> linha
</tr>
<tr>
<td> linha
<td> linha
</tr>
</table>

1, coluna 1 </td>
1, coluna 2 </td>

2, coluna 1 </td>
2, coluna 2 </td>

8

Atributos da tag <table>











width: especifica a largura da tabela height: especifica a altura da tabela align: alinha a tabela (left|center|right) valign: alinhamento vertical da célula (top| bottom|middle) bgcolor: cor de fundo background: cor da fonte cellpadding: define o espaço entre a célula e sua borda cellspacing: define o espaço entre as células
9

Atributos (2)







border  especifica a largura da borda
(use o valor "0" para não exibir as bordas) bordercolor  atualiza a cor da corda bordercolordark  atualiza o componente escuro do efeito 3D bordercolorlight  atualiza o componente claro do efeito 3D
10

Atributos para mesclagem de células






colspan  permite mesclar colunas