pw1-2017 formatacoes.html

<!DOCTYPE HTML>
<!-- Arquivo: formatacoes.html -->
<html>
    <head>
        <meta charset="utf-8"/>
        <title>
            Formatações
        </title>
    </head>
    <body>
    <h1>Título que vai até 6</h1>
    <pre>um texto
    formatado como
    se escreve</pre>
    <p>um parágrafo com um texto <b>negrito</b>
    e outro em <i>itálico</i> em outro com <em>enfâse</em>
    <br/>Uma quebra de linha para mostrar um texto
    <strong>importante</strong> e outro <small>pequeno</small>
    e outros tipos <sub>subscrito</sub> e <sup>super</sup>
    e um <ins>inserido</ins> e um <del>deletado</del> e <br>
    por fim um <mark>marcado</mark>.</p>
    <address>Rua xyz<br/>
    Tel: 54654789<br/>
    Cep: 98878979</address>
    Uma abreviatura,
    exemplo <abbr title="Faculdade Anglicana de Erechim">FAE</abbr>
    <br/>
    Uma citação <q>Se for errar, erre com vontade!</q>
    <p style="color:blue">Um texto com estilo</p>
    <p style="font-size:30px">Um texto com estilo</p>
    <p style="text-align:center">Um texto com estilo</p>
    <p style="background-color:yellow">Um texto com estilo</p>
    <p style="font-family:verdana">Um texto com estilo</p>
    <p style="color:#999;
    background-color:#666;
    font-size:50px;
    text-align:right;
    font-family:Georgia;
    ">
    Um texto um pouco mais longo para nosso parágrafo ter
    um tamanho mais legal e entendermos o funcionamentos dos
    estilos aplicados.</p>
    Para saber as cores procurar "Tabela hexadecimal cores"<br/>
    <img src="Desert.jpg" width="100" height="400"/><br/>
    <img src="Desert.jpg" style="width:100px; height:400px"/>
    <br/>
    <img src="Desert.jpg" width="100"/><br/>
    <img src="Desert.jpg" style="width:100px"/>
    <br/>
    <img src="Desert.jpg" height="100"/><br/>
    <a href="http://seila.com">
    <img src="Desert.jpg" style="height:100px"/></a>
    <h2>Tabelas</h2>
    <table  border="1" align="center"
    style="text-align:center;
    border:3px dotted red;font-size:17px">
    <tr>
        <th>titulo1</th><th>titulo2</th>
    </tr>
    <tr>
        <td>1</td><td>2</td>
    </tr>
    <tr>
        <td>3</td><td>4</td>
    </tr>
    </table>

    </body>
</html>