Imagem/Linha
Atributos Imagem Existem vários formatos de imagens que os navegadores mais novos conseguem abrir e exibir. No entanto, no início da Internet haviam só dois tipos de imagens 'padrões' na web são o GIF e JPG. Para criar usa-se os tradicionais editores de imagem (Adobe PhotoShop, Fireworks, PaintShop Pro, Corel PhotoPaint, Xara 3D e outros). A TAG única para inserir imagem é <img>.
<img src="nomedaimagem.gif">
A imagem deve ficar no mesmo diretório da página, caso contrário especifique o endereço.
alt="x"
Determina o texto a ser carregado quando não aparece a imagem.
width ="x"
Determina a largura da imagem. (x é o valor da largura da imagem em pixels)
height ="x"
Determina altura da imagem. (x é o valor da altura da imagem em pixels)
border ="x"
Determina largura da borda na imagem. (x é o valor da largura da borda em pixels)
align ="x"
Determina o alinhamento da imagem. (center, left ou right).
<img src="img_help.gif" alt="Exemplo" width="50" height="69">
Exemplo de imagem com largura 50 e altura 69.
Atributos Linha
Com um simples comando, o <hr>, é possível inserir um linha horizontal em qualquer parte da página. Veja abaixo:
size ="x"
Determina a altura da linha. (x é o valor da altura em em pixels)
width ="x"
Determina a largura da linha. (x é o valor da altura em em pixels ou em porcentagem) Ex: <hr width="80%"> - A linha ocupará 80% da largura da página.
color ="cor"
Determina a cor da linha.
align ="x"
Determina o alinhamento da linha (center, left ou right).
noshade
Linha sem efeito de 3D.
<hr width='200' align='left' color='darkblue'>
Exemplo de linha azul escura, largura de 200 e alinhada à esquerda.
HTML | Introdução | Básico | Texto | Links | Imagem/Linha | Tabela | Formulário | Frame | Refresh
© João Maurício Hypólito - Ourinhos/SP