Saisie en SVG

<svg width="250" height="250"> <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" /> <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" /> <rect x="100", y="0" width="100" height="150" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" /> Si ceci s'affiche à droite c'est que vous avez un navigateur incompatible avec le svg. </svg>
Rendu

Un petit tutoriel rapide est disponible sur MDN. Un autre est sur W3 Schools

.