Untitled

<!DOCTYPE html>
<html>

    <head>
    <title>Pagina Principal</title>
    <meta charset="utf-8">
    </head>


    <body>


<!--Com o width em porcentagem podemos deixar a pagina responsiva de acordo com a porcentagem da tela-->
<h2>Produtos</h2>

<table border="2" width="100%">
        <tr>

            <th>
                Codigo

            </th>

            <th>
            Descrição
        </th>

            <th>
            Preço
        </th>
        <!--Segunda linha -->
        </tr>


        <tr>
            <td>2351</td>
            <td>Notebook</td>
            <td>R$ 2.500.99</td>
        </tr>

        <tr>
            <td>2352</td>
            <td><a href="https://www.amazon.com.br/ipad-32GB-Wifi-2018-gera%C3%A7%C3%A3o/dp/B07G2NGGFZ?tag=goog0ef-20&smid=AVWNIIKSP4N7F&ascsubtag=go_958276976_46095487085_227548540242_pla-742458018644_c_">Tablet</a></td>
            <td>R$ 990,00</td>
        </tr>

        <tr>
            <th rowspan="2">Desconto</th>
            <!-- colspan mescla duas colunas -->>
            <td colspan="2">Cupom1 -R$ 10,00</td>
        </tr>

        <tr>
            <!-- colspan mescla duas colunas -->>
            <td colspan="2">Cupom2 -R$30,00</td>
        </tr>

        <tr>
            <th>Total:</th>
            <td colspan="2">R$ 3.546,00</td>
        </tr>

    </table>

    <img src="imagens/car.jpg" width="100%">


    </body>
</html>