diff --git a/Exercise0_1.html b/Exercise0_1.html
new file mode 100644
index 0000000000000000000000000000000000000000..3fca99101530a9f4c0e621c19674bf8a32d28635
--- /dev/null
+++ b/Exercise0_1.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html>
+
+<!--HEAD-->
+<head>
+ <title>Exercises Part 0</title>
+ <link rel="stylesheet" type="text/css" href="Exercise0_2.css">
+</head>
+
+<!--BODY-->
+<body>
+ <!--Page title-->
+ <h1>Exercises Part 0</h1>
+
+ <!--Anchor part-->
+ <div>
+ <h2 class="pinktext">Anchor</h2>
+ <a href="http://users.utu.fi/sjprau/web2019/exercises.html">
+ Exercises
+ </a>
+ </div>
+
+ <!--Table part-->
+ <div>
+ <h2>Table</h2>
+ <table class="blackline">
+ <thead>
+ <tr>
+ <th colspan="2">Exercises</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr id="first">
+ <td>0.1</td>
+ <td>X</td>
+ </tr>
+ <tr id="second">
+ <td>0.2</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>0.3</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>0.4</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>0.5</td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ <!--List part-->
+ <div>
+ <h2>List</h2>
+ <ul>
+ <li>
+ <a href="http://users.utu.fi/sjprau/web2019/osa0.html">
+ Course website
+ </a>
+ </li>
+ <li>
+ <a href="https://www.w3schools.com/">
+ W3Schools
+ </a>
+ </li>
+ <li>
+ <a href="https://developer.mozilla.org/en-US/docs/Web">
+ MDN Web Docs
+ </a>
+ </li>
+ </ul>
+ </div>
+
+ <!--Image part-->
+ <div>
+ <h2 class="pinktext">Image</h2>
+ <img src="Image.png" alt="Smile" width="100" height="100" />
+ </div>
+
+ <!--Form part-->
+ <div>
+ <h2>Form</h2>
+ <form>
+ <div>
+ <div>
+ <label for="test">Type here:</label>
+ <input type="text" name="test">
+ </div>
+
+ <input type="submit" value="Click me!">
+ </div>
+ </form>
+ </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Exercise0_2.css b/Exercise0_2.css
new file mode 100644
index 0000000000000000000000000000000000000000..9a58053d696bf4760e8f646dd604ceca8ff456a1
--- /dev/null
+++ b/Exercise0_2.css
@@ -0,0 +1,34 @@
+a:link {
+ color: green;
+}
+a:visited {
+ color: lightgreen;
+}
+a:hover {
+ color: red;
+}
+table.blackline {
+ border: 2px solid black;
+}
+tr#first td{
+ background-color: pink;
+}
+tr {
+ background-color: aqua;
+}
+ul {
+ border: 3px solid rebeccapurple;
+ border-radius: 7px;
+ width: 200px;
+}
+li {
+ text-align: center;
+}
+html {
+ display: flex;
+ justify-content: center;
+ align-content: center;
+}
+.pinktext {
+ color: pink;
+}
\ No newline at end of file
diff --git a/Image.png b/Image.png
new file mode 100644
index 0000000000000000000000000000000000000000..aa64d56377cc9fdd9a8e15e058af7d30e2aa8b67
Binary files /dev/null and b/Image.png differ