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 &copy; 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;
}