Opettelemme semanttisia tägejä

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Dokumentin otsikko</title>
</head>
<body>
<main>
<h1>P&auml;&auml;otsikko</h1>
<details>
<summary>Yhteenveto yksityiskohtaisesta aiheesta</summary>
<p>Yksityiskohdat aiheesta</p>
<figure>
<img src="sun-32682_960_720.png" alt="jotakin" height="100px">
<figcaption>Auringonkukka<figcaption>
</figure>
</details>
<section>
<h1>Osasto</h1>
<article>
<h2>Artikkelin otsikko</h2>
<p>Artikkelin sis&auml;lt&ouml;</h2>
<meter value="4" min="0" max="20"> 4/20</meter>
</article>
<article>
<h2>Artikkelin otsikko</h2>
<p>Artikkelin sis&auml;lt&ouml;</h2>
<progress value="40" max="100"> 40/100</progress>
</article>
<article>
<h2>Artikkelin otsikko</h2>
<p>Artikkelin sis&auml;lt&ouml;</h2>
</article>
</section>
<nav>
<a href="www.google.com">Google</a>
<a href="www.facebook.com">Facebook</a>
<a href="www.yahoo.com">Yahoo</a>
<a href="www.w3school.com">w3school</a>
</nav>
</main>
</body>
</html>

Viimeksi muutettu: maanantai, 28. lokakuuta 2019, 09:58