rectangle in html code example
Example 1: svg rect
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<rect width="100" height="100" x="50" y="50"/>
</svg>
Example 2: how to make a rectangle in javascript
const canvas = document.getElementById('pong') // first make a index . html with a canvas height and width and id of pong or whatever
// and then we have to get access to our context to draw on it
const context = canvas.getContext('2d')
// then you do...
context.drawRect(20, 20, 150, 150);
context.fillStyle = '#fff' // thats white!!
Example 3: svg rect
<rect width="100" height="100" x="50" y="50"/>
Example 4: how to make a rectangle in javascript
<html>
<head>
<meta charset="UTF-8">
<title>Pong</title>
<script language="Javascript" type="text/Javascript" src="libraries/p5.js"></script>
<script language="Javascript" type="text/Javascript" src="pong.js" defer></script>
<style> body {padding: 0; margin: 0;} </style>
</head>
<body>
<canvas id="pong" width="600" height="400"></canvas>
</body>
</html>