Index.html lehe kood

Minu index.html leht

HTML

<!DOCTYPE html>
<html lang="et">
<head>
    <meta charset="UTF-8">
    <title>Karolina koduleht</title>
  <link rel="stylesheet" href="kodulehtStyle.css">
</head>
<body>
<!--päris-->

<header>
<h1>Karolina veebirakenduste tööde leht</h1>
</header>

<nav>
  <ul>
    <li>
      <a href="index.html">Kodu</a>
    </li>
    <li>
      <a href="synavara.html">Sõnavara</a>
    </li>
    <li>
      <a href="tehtudTööd.html">Tehtud tööd</a>
    </li>
    <li>
      <a href="kasutatudLingid.html">Kasulikud lingid</a>
    </li>
    <li>Kodu</li>
    <li>Sõnavara</li>
    <li>Tehtud tööd</li>
    <li>Kasulikud lingid</li>
  </ul>
</nav>
<!--sisu-->
<main>
  <section>
    <h2>Info minust</h2>
    <div>Ma olen õpilane Tallinna Tööstusharidus Keskuses
      <br>
      Ma olen 17 aastat vana
      <br>




    </div>

  </section>
</main>
<!--jalus- подвал-->
<footer>
  <strong>Karolina Štšeblõkina © 2024</strong>
</footer>

</body>
</html>

CSS – see on minu disain

body{
    font-family: "Arial Black";/*fondi tüüp*/
    color: Darkred; /*teksti värv*/
}
h1{
    border: solid 2px Blue; /*ääris*/
    padding: 11px; /*vahe tekstist ääriseni*/
    margin: 15px;
    border-radius: 20px;
    width: 20%;
    background-color: aqua;
}
h2{
    border: dotted 5px Blue; /*dashed, outline, double, solid*/
    padding: 14px; /*vahe tekstist ääriseni*/
    margin: 13px; /*vahe veebilehe piirist ääriseni*/
    border-radius: 30px;
    width: 27%;/*laius*/
    background-color: aqua;
}
ul{
    list-style-type: circle; /*markeri tüüp - square, */
    padding: 7px;
    background-color: lightskyblue;
}
ul li{
    background-color: lightseagreen;
    margin: 4px;
}
table, td{
    width: 35%;
    border: solid 3px ;
    border-collapse: collapse; /*ühine ääris*/
    text-align: center; /*teksti joondmine keskele*/
    background-color: darkcyan;
}