You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
3.4 KiB
121 lines
3.4 KiB
<!-- Emmet pomůže html:5 nebo ! -->
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Domovská sránka - Startup</title>
|
|
</head>
|
|
<body>
|
|
<h1 style="color: lime;background-color: purple;">Domovská sránka - Startup</h1>
|
|
<h4>Nahodný podnadpis</h4>
|
|
<hr>
|
|
<h3><a href="formular.html">Formular</a></h3>
|
|
<p>Lorem ipsum dolor sit amet <br> consectetur adipisicing elit. <br> Reiciendis minima praesentium est asperiores quaerat, eaque quibusdam sapiente repellendus aliquid optio officiis velit tenetur consequuntur temporibus voluptates, maxime ipsum alias ullam!</p>
|
|
|
|
<h2>Tabulky</h2>
|
|
<!-- <table style="border-color: black;border-radius: 5px;border-style: solid;"> -->
|
|
<table style="border: 2px black solid;">
|
|
<!-- první se definuje řádek -> TableRow=tr-->
|
|
<tr >
|
|
<!-- teprve uvnitř řádku se definují sloupce spíš buňky neboli TableData=td -->
|
|
<td style="border: 2px black solid;">Bunka jedna</td>
|
|
<td style="border: 2px black solid;">Bunka dva</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="border: 2px black solid;">Bunka tri</td>
|
|
<td style="border: 2px black solid;">Budka ctyri</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table>
|
|
<tr>
|
|
<!-- u tabulek je i specialni tag pro nadpisy v tabulkách TableHeading=th -->
|
|
<th>Jmeno</th>
|
|
<th>Castka</th>
|
|
<th>Mena</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Martin</td>
|
|
<td>50</td>
|
|
<td>$</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Olga</td>
|
|
<td>30</td>
|
|
|
|
</tr>
|
|
</table>
|
|
<br>
|
|
<h2>Listy</h2>
|
|
<!-- Unorderd list -> list item = ul>li -->
|
|
<ul>
|
|
<li>prvni item</li>
|
|
<li>druhy item</li>
|
|
<li>treti item</li>
|
|
</ul>
|
|
<!-- Ordered list s čísly -->
|
|
<ol>
|
|
<li>ctvry item</li>
|
|
<li>paty item</li>
|
|
<li>sesty item</li>
|
|
</ol>
|
|
<!-- Description list > define term > define description -->
|
|
<dl>
|
|
<dt>Kafe</dt>
|
|
<dd>- kouzelný napoj pro získání energie</dd>
|
|
<dt>ohnivá koule</dt>
|
|
<dd>- neboj tvoje parta bude žhavá dost</dd>
|
|
</dl>
|
|
|
|
<h2>Emmet</h2>
|
|
<!-- ALT + klikání dovoli multipointer programování (psaní textu na více místech najednou) -->
|
|
<p><a href="#">p>a</a></p>
|
|
<!-- ul>li>a -->
|
|
<ul>
|
|
<li><a href="#">Okdazík</a></li>
|
|
</ul>
|
|
<!-- ul>li*5>a -->
|
|
<ul>
|
|
<li><a href="#">Odkaz</a></li>
|
|
<li><a href="#">Odkaz</a></li>
|
|
<li><a href="#">Odkaz</a></li>
|
|
<li><a href="#">Odkaz</a></li>
|
|
<li><a href="#">Odkaz</a></li>
|
|
</ul>
|
|
<!-- table>tr*5>td*4 -->
|
|
<table>
|
|
<tr>
|
|
<th>Nadpis</th>
|
|
<th>Nadpis</th>
|
|
<th>Nadpis</th>
|
|
<th>Nadpis</th>
|
|
</tr>
|
|
<tr>
|
|
<td>data</td>
|
|
<td>data</td>
|
|
<td>data</td>
|
|
<td>data</td>
|
|
</tr>
|
|
<tr>
|
|
<td>data</td>
|
|
<td>data</td>
|
|
<td>data</td>
|
|
<td>data</td>
|
|
</tr>
|
|
<tr>
|
|
<td>data</td>
|
|
<td>data</td>
|
|
<td>data</td>
|
|
<td>data</td>
|
|
</tr>
|
|
<tr>
|
|
<td>data</td>
|
|
<td>data</td>
|
|
<td>data</td>
|
|
<td>data</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</body>
|
|
</html>
|