Untitled

<!DOCTYPE html>
<html>
<head>
	<title>Moja strona w HTML</title>
	<meta charset="utf-8">
</head>
<body bgcolor="#E6E6FA">
<h1>Lorem ipsum dolor sit amet</h1>  <font color="red">CZYTAJ UWAZNIE!!</font>
<h2>caly tekst znajdziesz <a href="http://s34820.s.pwste.edu.pl/apl/text.html">tu</a></h2>
<h2>Nunc convallis at lacus id rutrum</h2>


<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In placerat aliquet erat, ut hendrerit ex tincidunt quis. Cras convallis eleifend felis ac posuere. Maecenas vel dapibus eros. Nunc convallis at lacus id rutrum. Nunc finibus faucibus ipsum, a congue ex varius id. Integer ut justo blandit, faucibus ipsum eu, venenatis mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>

<p>Nullam tempus commodo venenatis. Mauris a posuere mauris. Pellentesque eleifend sed mauris et facilisis. Cras massa risus, consequat non nisi a, venenatis pretium turpis. Quisque elit velit, fermentum vel diam in, pellentesque tincidunt ante. In quam ante, bibendum lobortis tincidunt id, rhoncus quis mi. Maecenas lacinia est est, at vestibulum erat pulvinar nec. Vestibulum risus purus, accumsan sed dui id, eleifend euismod dui. Morbi rhoncus arcu vel sem blandit porttitor. Fusce sollicitudin ultricies augue, non fringilla tortor. Curabitur ut pulvinar sapien.</p>

<p>Suspendisse potenti. Sed tristique ante eget ante vulputate feugiat id eget ex. Morbi ex odio, imperdiet in erat non, pretium porta arcu. Vivamus magna libero, vestibulum at lectus quis, sodales molestie diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque posuere feugiat dui, non elementum ipsum vulputate ut. Morbi mauris orci, pellentesque quis ornare ut, placerat sit amet ipsum. Vestibulum auctor ex et lobortis maximus. Suspendisse sit amet accumsan nibh. Nam nec pellentesque arcu. Phasellus fringilla condimentum sem, sed tincidunt arcu condimentum quis. Nam finibus est at mauris egestas, in vulputate urna vestibulum. Maecenas vulputate rhoncus malesuada. Donec rutrum libero nec arcu aliquet, quis dictum odio faucibus. Donec posuere id ex ut pulvinar.</p>

<h2>Suspendisse potenti</h2>

<p>Donec vulputate efficitur dui, a aliquet risus. In ut faucibus felis, eget consequat ligula. Nulla viverra blandit scelerisque. Mauris id aliquet lectus. Suspendisse purus risus, porta ut volutpat et, sodales a lacus. Duis laoreet ligula quam, et dapibus turpis sollicitudin a. Curabitur at quam nisl. Vivamus congue facilisis ante at consequat. Pellentesque vel volutpat metus. In dapibus dolor at dui cursus egestas. Morbi eu lacus at sem ultrices condimentum.</p>

<p>Nunc mattis in lorem nec aliquet. Maecenas arcu turpis, aliquet id erat nec, rhoncus lacinia turpis. Aenean vehicula neque sed ex ultrices, vitae fringilla leo rutrum. Morbi blandit tortor id enim porttitor pharetra. Aenean ultricies lacinia erat nec commodo. Maecenas facilisis urna vitae sodales iaculis. Praesent gravida molestie nulla, a consequat urna aliquam in. Pellentesque diam dolor, ultrices sed ligula rhoncus, pulvinar faucibus nulla. In rutrum urna rutrum ipsum consequat, vel egestas tortor lobortis. Integer elementum consectetur lobortis. Aliquam metus sapien, lacinia eu aliquet id, vehicula ac mauris. Vivamus ullamcorper fringilla aliquet.</p>

<h2>Vivamus ullamcorper fringilla aliquet.</h2>

<p>Pellentesque suscipit metus nec arcu pharetra, ac tincidunt leo ultricies. Maecenas at massa turpis. Aliquam sed interdum tortor. Phasellus eros turpis, malesuada pharetra felis quis, posuere tempor diam. Duis vestibulum, magna vitae eleifend maximus, arcu leo faucibus mi, quis cursus enim mi blandit turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dignissim et odio sed congue. Cras cursus convallis ligula. Donec condimentum mattis gravida. Integer ut ex enim. Ut a est sit amet lorem venenatis venenatis et ut urna. Maecenas in magna non ante sollicitudin malesuada. Sed sit amet urna malesuada, elementum felis id, semper ligula. Praesent efficitur placerat est eu porta. Donec et sollicitudin est, id imperdiet nisi.</p>

<div>
	H<sub>2</sub>SO<sub>4</sub>
	<br />
	12m<sup>2</sup>
</div>

<div>
	Potrawy:
	<ol>
		<li>Lubię:</li>
		<ul>
			<li><a href="https://pl.wikipedia.org/wiki/Pizza">Pizza</a></li>
					<img src="http://s34820.s.pwste.edu.pl/apl/PIZZA.jpg">
					 <p><cite>PIZZA JEST NAJLEPSZA</cite>  Sofiane Łaba</p>
			<li><a href="https://pl.wikipedia.org/wiki/Makaron">Pasta</a></li>
			<img src="http://s34820.s.pwste.edu.pl/apl/PASTA.jpeg">
		</ul>
		<li>Nie Lubię:</li>
		<ul>
			<li>niczego</li>
			<form>
    <fieldset>
        <legend>A jaka jest twoja ulubiona potrawa</legend>

        <input type="radio" id="pizza" name="monster">
        <label for="pizza">pizza</label><br/>

        <input type="radio" id="makaron" name="monster">
        <label for="makaron">makaron</label><br/>

        <input type="radio" id="ciasto czekoladowe" name="monster">
        <label for="ciasto czekoladowe">ciasto czekoladowe</label>
    </fieldset>
</form>


		</ul>
	</ol>
</div>

 <table border="1">
 	 <caption>PRACOWNICY</caption>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
    <th>email</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
    <td>jillsmith@hotmail.com</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
    <td>evejackson@live.com</td>
  </tr>
  <tr>
    <td>Michal</td>
    <td>papa</td>
    <td>45</td>
    <td>emichalpapa@live.com</td>
  </tr>
</table>

<details>
  <summary>Copyright PWSTE 2018.</summary>
  <p> Prawa zastrzezone !!</p>
  <p>All content and graphics on this web site are the property of PWSTE</p>
</details>

<h2>HTML Forms</h2>

<form action="http://s34820.s.pwste.edu.pl/apl/data.php">
  First name:<br>
  <input type="text" name="firstname" value="Mickey">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="Mouse">
  <br><br>
  <input type="submit" value="Submit">
</form>


</body>
</html>