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.
82 lines
2.7 KiB
82 lines
2.7 KiB
<!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>CSS procvičení</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<style>
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Procvičení k maturitě</h1>
|
|
<h2>CSS - kaskádové styly</h2>
|
|
<h4>Tento text bude změněn za pomocí CSS</h4>
|
|
|
|
<div>
|
|
<p> LOL TEXT <span>DALSI RANDOM TEXT</span></p>
|
|
</div>
|
|
|
|
<p class="cervena">Lorem ipsum dolor sit, amet consectetur adipisicing elit. In velit sapiente dolores a mollitia corporis molestias quia quisquam ullam. Corrupti odit deserunt aspernatur, voluptas sed deleniti saepe qui obcaecati ipsum!</p>
|
|
<p id="zelena">Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit magnam consequatur, dolores voluptatibus quibusdam quis expedita deleniti dolorum animi temporibus soluta recusandae tempora omnis mollitia labore, earum nemo? Dolore, optio.</p>
|
|
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laborum numquam veritatis porro, fugiat facere repudiandae doloremque perferendis tempore aliquid commodi voluptate optio corrupti reprehenderit repellendus at nostrum placeat saepe qui!</p>
|
|
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorum voluptates aliquam voluptate, facilis ducimus eius labore iure perspiciatis accusamus ea ratione dolore sunt totam libero, delectus cumque ipsum inventore necessitatibus?</p>
|
|
|
|
<hr>
|
|
|
|
<table>
|
|
<tr>
|
|
<td>ID</td>
|
|
<td>Jmeno</td>
|
|
<td>Prijmeni</td>
|
|
<td>Pohlaví</td>
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>Petr</td>
|
|
<td>Janeček</td>
|
|
<td>Muž</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2</td>
|
|
<td>Jana</td>
|
|
<td>Soukupová</td>
|
|
<td>Žena</td>
|
|
</tr>
|
|
<tr>
|
|
<td>3</td>
|
|
<td>Eva</td>
|
|
<td>Králová</td>
|
|
<td>Žena</td>
|
|
</tr>
|
|
<tr>
|
|
<td>4</td>
|
|
<td>Pavel</td>
|
|
<td>Novák</td>
|
|
<td>Muž</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<ul>
|
|
<li>li1</li>
|
|
<li>li12
|
|
<ul>
|
|
<li>lili1</li>
|
|
<li>lili2</li>
|
|
</ul>
|
|
</li>
|
|
<li>li123</li>
|
|
<li>li1234</li>
|
|
<li>li54321</li>
|
|
</ul>
|
|
<ol>
|
|
<li>olli</li>
|
|
<li>olli</li>
|
|
<li>olli</li>
|
|
</ol>
|
|
|
|
<div style="height: 250px;"></div>
|
|
</body>
|
|
</html>
|