Skip to content
Snippets Groups Projects
Commit 2510969b authored by Lassi Valtari's avatar Lassi Valtari
Browse files

Exercise 0.1 and 0.2

parent 5d841241
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Exercise0_1.html 0 → 100644
+ 102
− 0
View file @ 2510969b
<!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
Exercise0_2.css 0 → 100644
+ 34
− 0
View file @ 2510969b
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
Image.png 0 → 100644
+ 0
− 0
View file @ 2510969b
Image.png

7.03 KiB

0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment