Curso de Web Design: Total de páginas: 29

 

 

Parte:
24

 

Listagem 1.12

<html>

     <head><title>Imagens</title>

     </head>

     <body>

Note neste exemplo que a imagem <img src=fig2.jpg> está entre o texto<br>

 

<img src=fig2.jpg align=top>Imagem está à esquerda e o texto no topo<br>

 

<img src=fig2.jpg align=middle>Imagem está à esquerda e o texto no centro<br>

    

<img src=fig2.jpg align=left>Neste exemplo a imagem ficou alinhada  è esquerda,       permitindo que o texto ficasse todo à direita ao redor da imagem. Utilize este recurso        toda vez que desejar que o texto fique ao lado da imagem <br>

</body>

</html>

 

Fim da Listagem 1.12


Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de endereço digite C:\Meus documentos\exemplo11.html. Veja figura 1.13

Figura 1.13

 

 

IMPORTANTE

CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO

 

TAG

O QUE FAZ

<img>

Insere uma imagem

Atributos

src  indica o nome da imagem a ser carregado.

align=middle  centraliza o base do texto com o centro da imagem

align=left  faz a imagem flutuar a esquerda enquanto o texto circunda imagem à direita.

align=top  alinha o texto no topo

align=right faz a imagem flutuar a direita enquanto o texto circunda imagem à esquerda.

alt=”n” indica o texto para ser exibido quando o navegador não exibe a imagem. Sendo que n é o título que identifique a imagem.

Exemplo: <img src=fig.jp alt=”Esta é uma imagem legal”>

 

 

Exercício 8 –  TABELAS

 

Nesta etapa conheceremos os tags responsáveis pela construção de tabelas. Na parte II deste estudo através do Front Page Express, utilizaremos a tabela como recurso para a definição dos layouts de nossas páginas. Por hora, vamos aos principais tags. Tudo Bem?

 

Como sempre, digite a listagem 1.13, e salve como exemplo12.html

.