html
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
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<title> SVG notes </title>
<meta charset="UTF-8">
</head>
<body>
<hr>
<header>
<h1> My SVG notes </h1>
</header>
<nav>
<h3> Informations included in this page: </h3>
<p> <a href="#one"> About SVG shapes </a> </p>
<p> <a href="#transform"> About transform attribute </a></p>
<p> <a href="#stroke"> About stroke attributes </a></p>
<p> <a href="#three"> About SVG animations </a> </p>
Enter to Rename, Shift+Enter to Preview
css
css
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
p {
text-align:center;
}
h1 {
text-align:center;
}
h2 {
text-align:center;
}
h3 {
text-align:center;
}
.c {
background-color: lightgreen;
}
hr {
width:100%;
height:15px;
background: black;
}
body {
background-color: lightcyan;
}
span {
background-color: lightgreen;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run