<!DOCTYPE html>
<!--HTML5 deklareerimine-->
<html lang="et">
<!--kommentaar-->
<head>
<title>Minu esimene veebileht</title>
<meta charset="UTF-8">
<!--koddering UTF8-->
<!--pöördume css faili sisse-->
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--päis-шапка страницы-->
<header>
<h1>Daria Halchenko veebirakenduste koduleht</h1>
</header>
<!--navigeerimismenüü-->
<nav>
</nav>
<!--sisu-содержимое-->
<main>
<section>
<h2>Veebirakenduste aluste põhiteemad</h2>
<div>
<ul>
<li>HTML, CSS</li>
<li>Javascript</li>
<li>PHP+mySQL andmebaasiga ühendumine</li>
<li>Wordpress</li>
</ul>
</div>
</section>
<section>
<h2>Wordpress'i teemad</h2>
<div>
<ol>
<li>WP paigaldus</li>
<li>WP seadistus</li>
<li>WP Multisite plugin</li>
<li>WP kontaktivormide loomine</li>
<li>E-poe loomine</li>
<li>jne</li>
</ol>
</div>
</section>
</main>
<!--jalus-->
<footer>
<p>&copy;Daria 2024</p>
</footer>
</body>
</html>
header, footer{
color: black; /*teksti värrv*/
background-color: LightBlue; /*tausta värv*/
width: 50% /*laius*/
text-align: center;
border: solid 5pt HotPink; /*piir - solid, dashed, dotted, double*/
border-radius: 60px 120 px 60px 120px;
padding: 1%;
}
main section {
background-color: LavenderBlush;
border: solid 3pt HotPink;
margin:5px;
width: 40%;
padding: 1%;
}
Leave a Reply