Untitled

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8" />
        <title>
            Exemplo - Imagens
        </title>

        <style type="text/css">
            .alinha{margin:0 auto; display: block;
            width: 550px;
            }
            .vertical {vertical-align:top;}
            *{font-size:30px;font-family: Verdana;}
            .alinha1{text-align: center;}
            .transp{position: absolute;
                    top:690px;
                    left:250px;
                    opacity: 0.8;}
            .fundo
            {
                background-image: url("css.jpg");
                /*repeat, repeat-x, repeat-y, no-repeat*/
                background-repeat: repeat-y;
                background-position: right;
                /*center, left, right ou (x, y)*/
                background-attachment: fixed;
            }
        </style>
    </head>
    <body class="fundo">
       <div class="alinha">
         <img src="html.jpg" class="vertical" alt="Texto Alternativo" title="HTML & CSS" />HTML

       </div>
       <figure class="alinha1">
            <figcaption>Figura <mark>1</mark></figcaption>
            <img src="html.jpg" alt="HTML" />
        </figure>
        <img class="transp" src="htmlw.jpg" alt="HTML" />
       <p class="alinha">
        Testando HTML e Testando HTML E CSS<br />
        Testando HTML e Testando HTML E CSS<br />
        Testando HTML e Testando HTML E CSS<br />
        Testando HTML e Testando HTML E CSS<br />
        Testando HTML e Testando HTML E CSS<br />
        Testando HTML e Testando HTML E CSS<br />
       </p>
    </body>
</html>