Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> <h1>Examples of the HTML elements:</h1> <h2>Example of the HTML<canvas> tag:</h2> <canvas id="canvasExample" width="400" height="200"></canvas> <script> var canvas = document.getElementById('canvasExample'); var context = canvas.getContext('2d'); context.font = '30pt Calibri'; context.fillStyle = '#1c87c9'; context.fillText('Canvas Example !', 50, 100); </script> <h2>Example of the HTML<img> tag:</h2> <img src="/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="Aleq" width="200" height="185"/> <h2>Example of the HTML<svg> tag:</h2> <svg width="350" height="150"> <ellipse cx="100" cy="50" rx="100" ry="50" fill="#32ff00" /> </svg> <br/> </body> </html>