HTML - IMAGEM

    Partagez

    everybody
    Admin

    Number of posts : 335
    Age : 49
    Registration date : 12/04/2008

    default HTML - IMAGEM

    Message  everybody le Dim Déc 06, 2009 7:01 am

    HTML - IMAGEN - Efeitos

    Incluir uma imagem em sua Home Page é uma tarefa bem fácil. Exige apenas que você tenha disponível a figura e que ela esteja num dos formatos aceitos pelo browser.

    Há três formatos padrões na Web: O GIF o JPG eo PNG.
    O GIF permite criar imagens animadas. O JPG reduz em até dez vezes o tamanho de uma imagem. O PNG permite fazeres lindos trabalhos com o transparente.


    O comando usado para inserir uma imagem é: <IMG SRC="O URL AQUI">


    Por exemplo aqui o meu avantar esta assim: <img src="http://board.ogame.com.pt/wcf/images/avatars/avatar-62508.jpg">

    Depois há vários Efeitos, cá ficam alguns:


    Imagem simples
    Code:
    <IMG SRC="O URL AQUI">


    Imagem com o tag ( border ) Deixa a imagem com border.
    Code:
    <IMG SRC="O URL AQUI" border="5" >


    Imagem com o tag ( alt ) Ao pores o rato por cima da imagem aparece o texto.
    Code:
    <IMG SRC="O URL AQUI"  alt="texto aqui">


    Imagem com o tag ( align ) Alinhas a imagen na direita, esquerda, centro ou top.
    Code:
    <IMG SRC="O URL AQUI" align="left">
    <IMG SRC="O URL AQUI" align="right">
    <IMG SRC="O URL AQUI" align="middle">
    <IMG SRC="O URL AQUI" align="top">


    Imagem com o tag ( width /height ) Dita o tamanho na horizontal e vertical.
    Code:
    <IMG SRC="O URL AQUI" width="20" height="20" >



    Imagem com o tag ( style) Imagens com:

      Efeito preto e branco
      Code:
      <IMG SRC="O URL AQUI"  style="filter:gray;" >
      Efeito gravura
      Code:
      <IMG SRC="O URL AQUI"  style="filter:progid:dximagetransform.microsoft.emboss" >
      Efeito noite
      Code:
      <IMG SRC="O URL AQUI"    style="filter:xray()" >
      Imagens reflectidas
      Code:
      <IMG SRC="O URL AQUI"    style="filter:fliph" >
      Imagens transparentes Muda-se os valores da opacity para menos ou mais ate obter o efeito desejado.
      Code:
      <IMG SRC="O URL AQUI"  style="filter:alpha(opacity=50)" >



    Ainda dentro do tag ( style) varios stylos de border

    Code:
    <img src="O URL da imagem AQUI"  style="border: medium ridge rgb(221, 160, 221);" >

    <img src="O URL da imagem AQUI"  style="border: medium dotted rgb(221, 160, 221);" >

    <img src="O URL da imagem AQUI"  style="border: medium dashed rgb(221, 160, 221);" >

    <img src="O URL da imagem AQUI"  style="border: medium double rgb(221, 160, 221);" >

    <img src="O URL da imagem AQUI"  style="border: medium groove rgb(221, 160, 221);" >

    <img src="O URL da imagem AQUI"  style="border: medium inset  rgb(221, 160, 221);" >

    <img src="O URL da imagem AQUI"  style="border: medium outset rgb(221, 160, 221);" >
    E claro que podemos usar quase todos os tags ao mesmo tempo
    Code:
    <img src="INTRODUZA O URL AQUI" alt="texto aqui" border="5"  width="20" height="20" align="right">

      La date/heure actuelle est Sam Déc 10, 2016 9:56 am