Buscar
 
 

Resultados por:
 


Rechercher Busca avançada

Conectar-se

Esqueci minha senha

Últimos assuntos
» What"s up?
Seg Nov 14, 2011 1:36 pm por luiz_100juizo

» Olá caro programadores!
Sab Out 29, 2011 7:58 am por AllanXD! Soft

» Eae Galera
Sab Out 01, 2011 7:10 am por MegafireWoody

» [Atualização do fórum]Alguns ícones modificados
Sex Ago 05, 2011 2:49 pm por Henrique_GJ

» Amem Cheguei Manolo
Sex Ago 05, 2011 2:48 pm por Henrique_GJ

» aula de CSS Nº2 - Backgrounds
Sex Ago 05, 2011 2:47 pm por Henrique_GJ

» [Atualização do fórum]Atualização nas publicidades
Sex Ago 05, 2011 2:46 pm por Henrique_GJ

» Comple na área
Sex Ago 05, 2011 2:45 pm por Henrique_GJ

» [Atualização no fórum]Área de suporte para o CSS
Sex Ago 05, 2011 2:45 pm por Henrique_GJ

Os membros mais ativos da semana


aula de HTML Nº5 - Imagens

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

aula de HTML Nº5 - Imagens

Mensagem por prizm em Qui Jul 21, 2011 3:27 pm



Para inserir imagens em um documento HTML usa-se por exemplo o código:

Código:

<img src="http://img263.imageshack.us/img263/7627/bluearrowleftbehindprev.png" WIDTH=25 HEIGHT=20 ALT="seta">

seta Esta imagem foi produzida a partir do código acima em que foi definida a largura para 25 pxls e a altura para 20 pxls, se a imagem não carregar aparecerá a palavra "seta".

Para alinhar as imagens de acordo com o texto usam-se os seguintes códigos:

Código:
<img src="..." align="top"> alinhado ao topo
<img src="..." align="middle"> alinhado ao centro
<img src="..." align="bottom"> alinhado ao fundo
<img src="..." align="left"> alinhado à esquerda
<img src="..." align="right"> alinhado à direita

Se a opção align for omitida a imagem será alinhada à esquerda.

Uma imagem pode ser um botão de hiperligação se for colocada dentro de uma âncora como no exemplo a seguir:

Código:
<a href="http://programadores.forumeiros.net/t34-aula-de-html-n3-listas#139">
<img src="http://img263.imageshack.us/img263/7627/bluearrowleftbehindprev.png"align="middle"></a>

Esta imagem foi aqui colocada pelo código anterior e se for clicada vai para a aula nº3.

O HTML permite também colocar uma imagem como fundo da página se inserir uma opção no tag como no exemplo a seguir:

Código:

<BODY BACKGROUND="...">

Outra coisa que é possível fazer são barras com o seguinte código:
Código:

<HR size = 30 width=500>

E é criada uma barra com espessura de 30 pxls e com largura de 500.

E é o fim deste tutorial! Very Happy

------------Assinatura-------------
quer me contactar?

msn: jooaomf@hotmail.com
avatar
prizm
Novato
Novato

Mensagens : 41
Reputação : 0
Data de inscrição : 03/07/2011
Idade : 21
Localização : portugal

Ver perfil do usuário http://www.primz.weebly.com

Voltar ao Topo Ir em baixo

Re: aula de HTML Nº5 - Imagens

Mensagem por Henrique_GJ em Qui Jul 21, 2011 9:25 pm

lembrando que os códigos do tipo "align" "hidth" ou "height" citados são opcionais, eles já possuem um valor padrao, então vc pode diexar por exemplo só o
avatar
Henrique_GJ
Regular
Regular

Mensagens : 76
Reputação : 0
Data de inscrição : 18/07/2011

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum