HTML Academy
  • HTML Academy
  • Courses
  • Tutorials
  • Courses
  • Tutorials
  • Sign up
  • Log in
  • Home
  • Interactive courses
  • SVG basics
  1. An Introduction to SVG 0/15
  2. Designing SVG Shapes 0/20
  3. Dimensions in SVG 0/15

Chapter 1: An Introduction to SVG

9 tasks, 6 challenges

We are going to learn about SVG, the vector graphics format. We will analyze the basic primitives: lines, rectangles, and circles. We will learn how to position them, manage colors and sizes, and to create different kinds of drawings from them.

Start
1. Hello, SVG! Task
2. Drawing a Rectangle Task
3. Rectangle Coordinates Task
4. Corner Rounding Task
5. Challenge: Fixing the TV Challenge
6. Polygons Task
7. Challenge: Pyramids Challenge
8. Drawing a Circle Task
9. Challenge: Target Challenge
10. Drawing an Ellipse Task
11. Challenge: Surprised Smiley Challenge
12. Drawing Lines Task
13. Challenge: Arithmetic Operators Challenge
14. Drawing Polylines Task
15. Challenge: Hot-Air Balloons Challenge

Cookies ∙ Privacy ∙ License Agreement ∙ About ∙ Contacts ∙ © HTML Academy OÜ, 2019−2025

VISAMastercard

Log in

or

Forgot your password?

Sign up

Sign up

or
Log in

Restore access

Have you forgotten your password or lost access to your profile? Enter your email connected to your profile and we will send you a link to restore access.

Forgot to connect your email to the profile? Email us and we’ll help.

We are using cookies to gather information which will help you use our website most effectively. You can read about this here or disable this feature if you want. By continuing to browse the site, you agree to our use of cookies.