03 add

3 years ago · 3ad26a3921
1 changed files with 46 additions and 0 deletions
--- a/02/index.html
+++ b/02/index.html
@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tabulky a styly</title>
+</head>
+<body>
+    <h1 style="font-family: arial;"> 
+        <u style="color:red;">Tabulky</u> 
+        & 
+        <u style="color: blue;">styly</u> 
+    </h1>
+    <!-- Stylizace textu -->
+    <p style="color: red;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempora a voluptas minima magni delectus sint alias dolore, labore libero velit quidem, eum nam. Ullam nostrum dolorem eum nulla vitae harum?</p>
+
+    <hr>
+    <!-- SemTamFör -->
+    <table style="border: 1px solid black; background-color: black;">
+        <tr><td style="border: 1px solid black; background-color: red; color: red; width: 100px; height: 100px;"></td></tr>
+        <tr><td style="border: 1px solid black; background-color: yellow; color: yellow; width: 100px; height: 100px;"></td></tr>
+        <tr><td style="border: 1px solid black; background-color: greenyellow; color: greenyellow; width: 100px; height: 100px;"></td></tr>
+    </table>
+<hr>
+<!-- TABULKA O RUZNYCH BARVICKACH -->
+    <table style="border: 1px solid black;">
+        <tr>
+            <td style="border: 10px dotted #66ff66; width: 100px; height: 100px; text-align: center;">1</td>
+            <td style="border: 10px dashed rgb(0, 255, 255); width: 100px; height: 100px; text-align: center;">2</td>
+            <td style="border: 10px double hsl(60, 100%, 50%); width: 100px; height: 100px; text-align: center;">3</td>
+        </tr>
+        <tr>
+            <td style="border: 10px groove rgba(150, 100, 0, 1); width: 100px; height: 100px; text-align: center;">4</td>
+            <td style="border: 10px ridge rgba(150, 100, 0, 0.5); width: 100px; height: 100px; text-align: center;">5</td>
+            <td style="border: 10px inset rgba(150, 100, 0, 0.25); width: 100px; height: 100px; text-align: center;">6</td>
+        </tr>
+        <tr>
+            <td style="border: 10px outset grey; width: 100px; height: 100px; text-align: center;">7</td>
+            <td style="border: 10px solid grey; width: 100px; height: 100px; text-align: center;">8</td>
+            <td style="border: 10px none grey; width: 100px; height: 100px; text-align: center;">9</td>
+        </tr>
+    </table>
+
+</body>
+</html>