Aufgabe 1
Aufgabe 2
Aufgabe 3
<h2>Aufgabe 1</h2>
<svg width="320" height="320">
<a xlink:href="https://www.webentwicklerkurs.de/1-jahr/html/8-unterrichtsblock/" target="_blank">
<circle cx="155" cy="155" r="150" stroke="lightgreen" stroke-width="2" fill="darkgreen"></circle>
</a>
</svg>
<h2>Aufgabe 2</h2>
<svg height="350" width="100%">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#00CCFF; stop-opacity:1" />
<stop offset="100%" style="stop-color:#21007F; stop-opacity:1" />
</linearGradient>
</defs>
<rect x="0" y="0" width="100%" height="300" fill="url(#grad1)" />
<text fill="#ffffff" font-size="45" font-family="Verdana"
x="50" y="86">Das ist mein Text</text>
</svg>
<h2>Aufgabe 3</h2>
<svg height="300" width="600">
<line x1="30" y1="270" x2="600" y2="270" style="stroke:#0f0f0f;stroke-width:2"></line>
<text x="100" y="290" fill="#0f0f0f">2019</text>
<text x="240" y="290" fill="#0f0f0f">2020</text>
<text x="380" y="290" fill="#0f0f0f">2021</text>
<text x="520" y="290" fill="#0f0f0f">2022</text>
<text x="7" y="275" fill="#0f0f0f">80</text>
<text x="5" y="200" fill="#0f0f0f">100</text>
<text x="5" y="130" fill="#0f0f0f">120</text>
<text x="5" y="60" fill="#0f0f0f">140</text>
<polyline points="30,210 50,260 80,190 120,250 190,120 200,180 240,110 260,230 310,60 340,220 460,120 590,270 600,230"
style="fill:none;stroke:black;stroke-width:3" />
</svg>
