HTML-CSS-practice/images-vector.html at master · kkkombo/HTML-CSS-practice · GitHub

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
<!DOCTYPE html>
<html>
    <head>
        <title>HTML Boilerplate</title>
        <meta name="author" value="Alexandra Dedok" />
        <meta name="description" value="Learning HTML/CSS for fun and games and websites" />
        <meta name="keywords" content="HTML, CSS" />

        <style>
            svg {
            border: 1px solid red;
        }
        </style>

    </head>
    <body>
        <!-- Here goes content. None found.-->
        <svg id="shape" width="200" height="200">
            <rect x="20" y="20" width="50" height="20" fill="yellow" />
        </svg>
        <svg width="200" height="200">
            <circle cx="50" cy="50" r="150" fill="red" />
        </svg>
        <svg>
            <circle cx="100" cy="100" r="50" fill="blue" />
        </svg>
        <svg id="square" width="200" height="200">
            <rect x="50" y="50" width="100" height="100" fill="blue" />
        </svg>
    </body>
</html>