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

project

Browse Source
This commit is contained in:
Lukáš
2024-01-31 01:36:38 +01:00
parent afd8fafcbc
commit 11e7bc8383
87 changed files with 5808 additions and 4557 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
test-page/dovolena-seznam.html
View File

@ -1,38 +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>
<!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>

282
test-page/ruzne.html
View File

@ -1,141 +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>
<!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>

26
test-page/styleTest.css
View File

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