julka1

<html>
  <head>
    <meta charset="utf-8"> <!--polskie znaki żeby były-->
    <title>Strona Julki Niewiadomkskiej </title> <!--tytuł strony-->
<style>
  a{
    text-decoration: none;
    color:red;
    /*brak podkreślenia w w linkach*/

  }

  #tresc {
    background-color:#57D4F1;   /*kolor tła */
    font-size: 25px;/*wielkość czcionki na 25  */

  }
  #gora{
  text-align: center;/*ustawienie tekstu na środek */
  background-color: #01C1EF;/*kolor tła */
    font-size: 60px;/*wielkość czcionki na 60  */
color:green;
font-family:"Stencil";
  }

  #dol{

    text-align: center;/*ustawienie tekstu na środek */
    background-color: #01C1EF;/*kolor tła */


  }


  img {
    height: 30px;/*wysokośc zdjęcia  */
width:100px;
  }

</style>
</head>
  <body>
      <div id="gora">
        Strona Juli Niewiadomskiej
      </div>
      <div id="tresc">
        Fajne zwierzęta<br>
          <img src="królik.jpg" alt="tu powinien być królik ale coś się zejbało" ><br>
            <a href="królik.html">Więcej o króliku</a> <br>
          <img src="kot.jpg" alt="kot">
            <a href="kot.html">Więcej o kocie</a><br>
          <img src="pies.jpg" alt="pies">
            <a href="pies.html">Więcej o psie</a><br>
          <img src="papuga.jpg" alt="papuga">
            <a href="papuga.html">Więcej o papudze</a><br>
          <img src="osioł.jpg" alt="osioł">
            <a href="osioł.html">Więcej o ośle</a></div>
<div id="dol">
<a href="mailto:[email protected]">Kontakt do mnie </a>
<br>
Strona Juli Niewiadomskiej
</div>
  </body>
</html>