imglinksexemplo.html

﻿<!DOCTYPE html>
<html>​
<head>​
    <title>links do guizao</title>​
    <meta charset=“utf-8” />​
    <link rel="stylesheet" type="text/css" href=estilos/meuestilo.css
</head>​

<style>
    body{
        background-image: url(imagens/cogu2.jpg);
    }

    *{
        margin: 0;
        padding:0;
    }
</style>

<body>​
    <header class="cabecalho">
        <a class="menu" href="home.html">
            <img src="imagens/folha.png" alt="imagem" width="80" height="70">
            </a>

    
    <div class="efeito"></div>

    
</header>


    <nav>
        <p> GUIZAO PICA  </p>
        <ul>
            <li><a href="home.html"> Página Inicial </a></li>
            <li><a href="#"> Entenda nosso mundo </a>
            <ul>
                <li><a href="vegetariano.html"> Vegetarianismo </a></li>
                <li><a href="vegano.html"> Veganismo </a></li>
                
            </ul>
            </li>
            <li><a href="#"> Receitas </a>
                <ul>
                    <li><a href="receitas.html"> Vegetarianas </a></li>
                    <li><a href="receitas.html"> Veganas </a></li>
                </ul>
            </li>

            <li><a href="#">  </a></li>
        </ul>
    <center>
        <p><h3> BEM VINDO AO MUNDO NATURAL</h3> </p>
        <p> Por onde gostaria de começar?  </p>
            <a class="gui" href="receitas.html" target="_blank"> <strong>Principais receitas</strong> </a>


        <a class="base" href="home.html">Home</a>
        <a class="base" href="diretorioexemplo/diretorio.html"> SURPRESA </a>
        </br>
    
    
</body>​
</html>​​