-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathLab1.3.html
46 lines (40 loc) · 1.37 KB
/
Lab1.3.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="description" content="Data Visualisation Exercise 1"/>
<meta name="keywords" content="HTML, CSS"/>
<meta name="author" content="Your name here"/>
<title>Task 1.3 SVG Demo Page</title>
<!--Insert description of exercise -->
<style>
figcaption {
display: block;
}
h1{
font-family: Arial, Helvetica, sans-serif;
color:Tomato;
}
</style>
</head>
<body>
<h1>Drawing Shapes with SVG</h1>
<svg width="500" height="60" style="background-color:slategrey;">
<g transform="translate(20,0)">
<circle cx="25", cy="30", r="25" fill="cornflowerblue"/>
<rect x="50", y="5", width="50", height="50" fill="rgb(0, 204, 102)"/>
<ellipse cx="140" cy="30" rx="40" ry="25" fill="rgb(204, 51, 153)"/>
<Line x1="0" y1="30" x2="180" y2="30" stroke="black" stroke-width="5"/>
</g>
</svg>
<p>
Go to <a href="/index.html">Lab 1 </a><a href="/lab2.1.html">,Lab 2 </a>
<a href="/Lab3/Lab3.1.html">,Lab 3 </a><a href="/Lab5/Lab5.1.html">,Lab 5 </a>
<a href="/Lab6/Lab6.1.html">,Lab 6 </a><a href="/Lab7/Lab7.1.html">,Lab 7 </a>
<a href="/Lab8/Lab8.1.html">,Lab 8 </a>
<br>Lab task 1.1 <a href="/index.html">HTML and CSS</a>
<br>Lab task 1.2 <a href="/lab1.2.html">JavaScript</a>
</p>
<footer style="color: gray;"> COS30045 Data Visualisation <br> Semester 4 2022</footer>
</body>
</html>