<!DOCTYPE html> <!-- HTML5 -->
<html lang="ro">
<head>
<title>Custom title here</title> <!-- Titlu -->
</head>
<style>
* { box-sizing: border-box; padding: 0; margin: 0; }
body { background-color: pink; } /* background */
.def { color: red; }
.idef { color: blue; }
</style>
<body>
<!-- Headere* -->
<h1>Header 1</h1>
<h2>Header 2</h2>
<!-- ... -->
<h6>Header 6</h6>
<hr> <!-- Linie orizontala -->
<!-- Paragrafe formatate -->
<p class="def">Paragraf 1</p>
<p class="idef">Paragraf 2 <br> other text here.</p> <-- Intreruperi de text -->
<!-- Linkuri interne -->
<a href="home.html">Home</a>
<!-- Linkuri externe -->
<a href="https://www.google.com/" target="_blank">Google</a>
<!-- Imagini -->
<img src="#" alt="image_alt" style="float:right;">
<img src="#" alt="image_alt" style="border: 2px solid black;">
<!-- Tabele -->
<table>
<caption>Table caption</caption>
<thead>
<tr>
<td>Item 1</td>
<td>Item 2</td>
</tr>
</thead>
<tbody>
<tr>
<td>Item 1 value</td>
<td>Item 2 value</td>
</tr>
</tbody>
</table>
</body>
</html>
