<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Äåìîíñòðàö³ÿ HTML: Ïðîãðàìà äèñöèïë³íè</title>
</head>
<body>
<h1>Äèñöèïë³íà: Öèôðîâ³ òà ìóëüòèìåä³éí³ òåõíîëî㳿</h1>
<p>
Äàíà äèñöèïë³íà âèâ÷ຠñó÷àñí³ çàñîáè ñòâîðåííÿ êîíòåíòó.
<strong>Âàæëèâî:</strong> êóðñ ðîçðàõîâàíèé íà <em>ïåðøèé ñåìåñòð</em> íàâ÷àííÿ.
</p>
<hr> <h2>Îñíîâí³ ìîäóë³ êóðñó</h2>
<ul>
<li>Îñíîâè ìîâè ðîçì³òêè HTML5</li>
<li>Ñòèë³çàö³ÿ çà äîïîìîãîþ CSS3</li>
<li>
Ïðîñóíóò³ òåõíîëî㳿:
<ol>
<li>Ñåìàíòè÷íà âåðñòêà</li>
<li>̳êðîðîçì³òêà Schema.org</li>
</ol>
</li>
</ul>
<h2>Ðîçïîä³ë ãîäèí (Ìîäóëü 1)</h2>
<table border="1" cellpadding="10" cellspacing="0">
<thead>
<tr bgcolor="#eeeeee">
<th>Âèä çàíÿòòÿ</th>
<th>Òåìà</th>
<th>ʳëüê³ñòü ãîäèí</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ëåêö³ÿ</td>
<td>Îñíîâè HTML5</td>
<td>2</td>
</tr>
<tr>
<td>Ëàáîðàòîðíà</td>
<td>Ðîçì³òêà òåêñòó</td>
<td>2</td>
</tr>
<tr>
<td colspan="2" align="right"><strong>Ðàçîì çà çì³ñòîâèé ìîäóëü:</strong></td>
<td>4</td>
</tr>
</tbody>
</table>
<p>
Ôîðìóëà óñï³øíîãî êîäó: HTML<sub>5</sub> + CSS<sup>3</sup> = ❤️
</p>
<footer>
<p>© 2026 Êàôåäðà ³íôîðìàòèêè. Âñ³ ïðàâà çàõèùåí³.</p>
</footer>
</body>
</html>