Learn what is SVG in HTML and to use it in HTML5 and CSS3 video tutorial course for web development. Total course duration: 1 hour 6 minutes. Course level : Beginners to Intermediate.
Lesson 1: HTML5 Inline SVG introduction (YouTube video – 8 minutes)
Lesson 2: Difference between SVG and Canvas in HTML5 (YouTube video – 8 minutes)
Lesson 3: HTML5 SVG element and namespace (YouTube video – 12 minutes)
Lesson 4: How to draw rectangles using the rect element within SVG element (YouTube video – 7 minutes)
Lesson 5: How to draw the circle using the circle element with SVG element (YouTube video – 8 minutes)
Lesson 6: Drawing lines in SVG elements in HTML using Line element (YouTube video – 9 minutes)
Lesson 7: Ellipse in HTML5 SVG (YouTube video – 6 minutes)
Lesson 8: Draw Polygon in HTML SVG, HTML5 inline SVG and Ellipse element (YouTube video – 8 minutes)
Other course of interest:
Canvas in HTML course
SVG in HTML, which stands for Scaleable Vectors Graphic, is a container element for SVG graphics. It vector-based graphics in XML format to be used on the web. In this course, you learn to use several methods to draw text, paths, circle, boxes and graphic images. You also learn the difference between SVG and Canvas in HTML.
Ifactner gives you several tips and tricks of using this important HTML Graphics element. You can download the code taught in this tutorial to learn more about Scaleable Vector Graphics. This course is developed for beginners to intermediate level programmers. You can also benefit from it as an advanced level programmer and developer.
If you would like quizzes and practice sessions then please leave a comment. You can visit my Youtube Channel to leave a comment and ask questions regarding this course. Thank you for participating in this course.