Practical week 2: HTML
Practical week 2: HTML
Create empty file inside this folder and name it index.html
Open index.html and paste this code and save:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="res/images/favicon.ico">
<title>My Dashboard</title>
</head>
<body>
</body>
</html>
Let's commit and push our changes to our GitHub repository,
Run these commands in terminal, Make sure that you are located in your project folder
git add .
git commit -m "Initial message"
git push -u origin master
Download images and place them in /res/images/ directory (create these directories):
<header>
<strong>Welcome to your dashboard!</strong>
</header>
<footer>
<ul>
<li>
<a href="https://ois2.ut.ee/">OIS</a>
</li>
<li>
<a href="https://courses.cs.ut.ee/">Courses</a>
</li>
</ul>
</footer>
<section>
<div>
<img src="res/images/me.png" alt="My picture">
</div>
<div>
<ul>
<li>John Doe</li>
<li>27/06/1993</li>
<li>Software Engineering</li>
</ul>
</div>
<div>
<strong>2.65</strong>
</div>
</section>
<section>
<h1>Courses</h1>
<table>
<thead>
<tr>
<th>#</th>
<th>Course Title</th>
<th>Semester</th>
<th>Grade</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Agile software development</td>
<td>Semester 1 fall</td>
<td>82</td>
</tr>
<tr>
<td>2</td>
<td>System modeling</td>
<td>Semester 1 spring</td>
<td>85</td>
</tr>
<tr>
<td>3</td>
<td>Object-oriented programming</td>
<td>Semester 2 spring</td>
<td>99</td>
</tr>
<tr>
<td>4</td>
<td>Estonian language Level A2</td>
<td>Semester 2 fall</td>
<td>65</td>
</tr>
</tbody>
</table>
</section>