kankys/lukas-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Lukáš Kaňka
2024-01-08 10:48:00 +01:00
commit 5f908ec147
75 changed files with 4334 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
test-page/dovolena-seznam.html Normal file
View File

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dovolena-Seznam</title>
</head>
<body>
<h1>Dovolená</h1>
<h2>Co si zabalit</h2>
<ul>
<li>Pohory</li>
<li>Pivo</li>
<li>Ručník</li>
<li>NB</li>
<li>Sluneční brýle</li>
</ul>
<img src="/obr_clanky/Slovensko.webp" alt="Slovensko" />
<h2>Náklady</h2>
<table>
<tr>
<th style="border: 1px solid black; padding: 15px">Franta</th>
<th style="border: 1px solid black; padding: 15px">Karlos</th>
<th style="border: 1px solid black; padding: 15px">Marťas</th>
</tr>
<tr>
<th style="border: 1px solid black; padding: 15px">Praha</th>
<th style="border: 1px solid black; padding: 15px">HradecKrálové</th>
<th style="border: 1px solid black; padding: 15px">Brno</th>
</tr>
<tr>
<th style="border: 1px solid black; padding: 15px">5:00</th>
<th style="border: 1px solid black; padding: 15px">7:00</th>
<th style="border: 1px solid black; padding: 15px">9:00</th>
</tr>
</table>
</body>
</html>

141
test-page/ruzne.html Normal file
View File

@ -0,0 +1,141 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="styleTest.css" />
<title>Document</title>
</head>
<body>
<h2>Span -> Inline element - neutrální řádkový element</h2>
<span style="border: 3px solid red">Test1</span
><span style="border: 3px solid red">Test2</span
><span style="border: 3px solid red">Test3</span>
<h2>Div -> neutrální blokový element</h2>
<div>
<div style="width: 150px; height: 150px">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut atque nam
non vero, possimus voluptas explicabo. Iusto non tempore commodi tenetur
</div>
<div style="width: 200px; height: 200px">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum quae
natus esse consequatur quaerat ducimus earum eaque corporis cumque animi
ipsum minima deleniti, possimus cum impedit blanditiis,
</div>
</div>
<h2>Inline elementy</h2>
<p>
<strong>Město Brno</strong> je počtem obyvatel i rozlohou
<em>druhé největší</em> město v České republice,
<em>největší město</em> na Moravě a <em>bývalé hlavní město</em> Moravy.
</p>
<h2>Použití Inline blocky</h2>
<ul>
<li style="border: 1px solid red">Item 1</li>
<li style="display: inline-block; border: 1px solid red">Item 2</li>
<li style="display: inline-block; border: 1px solid red">Item 3</li>
</ul>
<ul>
<li style="display: inline-block; border: 1px solid red">Item 1</li>
<li style="display: inline-block; border: 1px solid red">Item 2</li>
<li style="display: inline-block; border: 1px solid red">Item 3</li>
</ul>
<ul>
<li
style="
display: inline-block;
width: 100px;
height: 50px;
border: 1px solid red;
"
>
Item 1
</li>
<li
style="
display: inline-block;
width: 100px;
height: 50px;
border: 1px solid red;
"
>
Item 2
</li>
<li
style="
display: inline-block;
width: 100px;
height: 50px;
border: 1px solid red;
"
>
Item 3
</li>
</ul>
<h2>Tlačtko -> odkaz</h2>
<a
href="https://lukan.cz/"
target="_blank"
style="border: 1px solid royalblue"
>Odkaz</a
>
<a
href="https://lukan.cz/"
target="_blank"
style="
display: inline-block;
width: 100px;
height: 50px;
border: 1px solid red;
"
>Odkaz</a
>
<div>
<div>
<h1>Article Title</h1>
</div>
<div>
<p>Introductory paragraph.</p>
</div>
<div>
<div>
<h2>Section Title</h2>
</div>
<div>
<p>Section content.</p>
</div>
<div>
<div>
<h3>Aside Title</h3>
</div>
<div>
<p>Aside content.</p>
</div>
</div>
</div>
<div>
<div>
<h2>Another Section Title</h2>
</div>
<div>
<p>Another section content.</p>
</div>
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>
List item 3
<ul>
<li>Subitem 3.1</li>
<li>Subitem 3.2</li>
</ul>
</li>
</ul>
</div>
<div>
<p>Copyright information.</p>
</div>
</div>
</body>
</html>

13
test-page/styleTest.css Normal file
View File

@ -0,0 +1,13 @@
.tlacitko {
color: #ca0808;
font-family: fantasy;
}
body {
background-color: rgb(180, 138, 220);
}
footer {
position: fixed;
bottom: 0;
}

35
test-page/test-page.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="styleTest.css" />
<title>test page</title>
<link />
</head>
<body>
<h1>Hřiště pro testování</h1>
<hr>
<div>
<h3>Úkoly Akademie Engeto</h3>
<a class="tlacitko" href="/zivotopis.html"
>Úkol 1. Engento Akademie - vytvořit jednoduché CV</a
><hr />
<p>
<a class="tlacitko" href="/tabulky/tabulky.html"
>Úkol 2. Engento Akademie - procvičování tabulek</a
</p>
<h3>Menší úkoly Engeto bez hodnocení</h3>
<a class="tlacitko" href="dovolena-seznam.html">Seznam věcí na dovolenou -> menší úkol Engeto</a><hr>
<h3>Procvičování všeho možného</h3>
<a class="tlacitko" href="/tabulky/tabulky.html">Procvičování tabulek</a><hr>
<a class="tlacitko" href="/index.html">Zpět na začátek</a>
</div>
<div></div>
<p><a href="dovolena-seznam.html" </p>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</html>