Bem vindo ao PROJECT-HTML
Aprenda mais sobre:
HTML, CSS, JavaScript, webmaster, Imagens, banners, wallpapers, videos aula, windows, utilitários para site/blogs, Jogos, animes e muito mais.
Basta se registrar!



 
InícioProject HTMLGaleriaFAQRegistrar-seConectar-se
Buscar
 
 

Resultados por:
 
Rechercher Busca avançada
Conectar-se
Nome de usuário:
Senha:
Conexão automática: 
:: Esqueci minha senha
Votação
Qual seu navegador favorito?
 FireFox
 Chrome
 Internet Explorer
 safari
 Netscape
 Opera
 Avant
Exibir resultados
Quem está conectado
1 usuário online :: Nenhum usuário registrado, Nenhum Invisível e 1 Visitante

Nenhum

O recorde de usuários online foi de 36 em 3/4/2016, 3:36 am
Últimos assuntos
» TAG´s (comandos)
4/8/2014, 10:15 am por robson

» Comandos básico de HTML - body (corpo da home page)
16/7/2014, 10:10 am por robson

» Apresentações aqui
15/7/2014, 4:14 pm por robson

» Como colocar "posts recomendados" no sou blog sou site.
24/3/2014, 8:05 pm por Otome

» Arquivo de ajuda sobre PHP, help para iniciantes e experientes
24/3/2014, 8:03 pm por Otome

» Imagens Exercício-6
22/3/2014, 5:19 pm por SY64

» Alinhamento de imagens
22/3/2014, 4:43 pm por SY64

» Link´s Exercicios-5
22/3/2014, 12:43 pm por SY64

» Criar um site passo a passo
1/8/2013, 4:41 pm por marlonsouzajs


Compartilhe | 
 

 Alinhamento de imagens

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
AutorMensagem
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5407
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Alinhamento de imagens   6/7/2008, 4:50 pm

<img align="top" src="nome da imagem">Alinhamento da imagem na parte superior do texto.

<img align="middle" src="nome da imagem">Alinhamento da imagem no meio do texto.

<img align="bottom" src="nome da imagem">Alinhamento da imagem na parte inferior do texto.

Pode-se criar um texto referente a imagem que você irá colocar indicando o conteúdo antes da figura ser transferida, dado uma idéia do que está chegando. Quando o usuário posicionar o mause sobre a imagem este mesmo texto aparece como uma descrição.

<img align="middle" src=""nome da imagem" alt="Digite o texto referente a imagem">

POSIÇÃO DA IMAGEM

align="right" Alinhamento da imagem à direita com o texto ao redor da imagem à esquerda.

align="left" Alinhamento da imagem à esquerda com o texto ao redor da imagem à direita.

Neste comandis acima podem ser definidas a distância entre o texto e a figura hspace e a distancia entra o texto que antecedem e sucedem a figura vsacpe

ALINHAMENTOS ESPECIAIS

align="texttop" O topo da imagem fica alinhado com o topo do texto mais alto da linha. Em geral isso é o mesmo que especificar top.

align="absmiddle" Alinha o ponto médio da altura da imagem com o ponto médio da altura da linha.

align="baseline" O mesmo que bottom.

align="absbottom" Alinha a parte inferior da imagem com a parte inferior da linha atual.


TAMANHO DA IMAGEM

height Especifica-se a altura da imagem.

width Especifica-se a largura da imagem.

Exemplo:

<img align="middle" src="logo.jpg" width="320" height="240" alt="Logo do site">
Quanto maior o número maior a borda, conseqüêntemente se o valor da borda for zero a imagem não tera bordas.

PARA ARQUIVOS DE ÁUDIO E VÍDEO

<embed src="nome do arquivo" start="auto" hide="false" loop="true">

Sendo:

start="auto" ------------------------------ Definição de início automático do arquivo

hide="true" ou hide="false" ---------------- Definição para controle invisível ou não

loop="true" ou loop="false" ou ------------------- Definição para continuidade automática ou não
loop="x vezes"

Bem galera tomara que eu tenha explicado bem certinho porque agora na proxima vou dar um exercicio então estudem bastante isso ai ok até la então galera estudem :study:
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
Daniel_Kyo
Especialista
Especialista
avatar

Masculino
Número de Mensagens : 20
Idade : 32
Localização : Salvador, Bahia
Experiencia em Webdesign : Não sei nada pretendo aprender.
Pontos : 2497
Reputação : 3
Data de inscrição : 12/12/2010

MensagemAssunto: Dúvida   20/1/2011, 9:55 am

Como alinho a imagem no centro da página?
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.vgbr.com/forum
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5407
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Re: Alinhamento de imagens   9/2/2011, 3:56 am

Para alinhar no meio da pagina você pode usar a tag <center> exemplo:

<center>
<img src="imagem.jpg"></img>
</center>

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
SY64
Aprendiz
Aprendiz
avatar

Masculino
Número de Mensagens : 7
Idade : 23
Experiencia em Webdesign : Não sei nada pretendo aprender.
Pontos : 2147
Reputação : 1
Data de inscrição : 13/11/2011

MensagemAssunto: Re: Alinhamento de imagens   22/3/2014, 4:43 pm

Eu usei o código

Código:
<img align="middle" src=""nome da imagem" alt="Digite o texto referente a imagem">

mas o texto não apareceu nem passando o mouse.

Quanto ao áudio, os comandos "start, hide e loop" não funcionaram, eu substitui hide="true" para hidden="true" e funcionou, mas ainda não consegui comandos para tocar manualmente ou em loop.  
Será alguma coisa ligado ao navegador?
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Conteúdo patrocinado




MensagemAssunto: Re: Alinhamento de imagens   

Voltar ao Topo Ir em baixo
 
Alinhamento de imagens
Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1
 Tópicos similares
-
» Confira imagens de alguns dos carros de Need for Speed: The Run
» Wii U não rodará nem DVD e nem Blu-Ray e novas imagens
» Drops - Criando de imagens animadas
» Rip de Varias imagens (Pixel Art)
» Menu apontado por setas usando imagens

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
 :: HTML :: HTML basico-
Ir para: