5.10_xmarks.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="Jacob Howard">
<meta name="description" content="SVG Shapes in Hyper Text Markup Language!">
<meta name="keywords" content="html, milwee, hhapes, svg, shapes">
<link rel="shortcut icon" type="image/png" href="img\favicons\xmarksicon.png">
<title>SVG Shapes</title>
</head>

<body>
<center>
<!-- The shape -->
<svg width="1253px" height="893px">
    <rect width="100%" height="100%" style="fill:rgb(0,150,0);stroke-width:3px;stroke:#000000;" />
    <text x="25%" y="50%" fill="#FFFFFF">Triangle No. 1</text>
    <text x="46.5%" y="25%" fill="#FFFFFF">Triangle No. 2</text>
    <text x="46.5%" y="75%" fill="#FFFFFF">Triangle No. 3</text>
    <text x="67%" y="50%" fill="#FFFFFF">Triangle No. 4</text>
    <line x1="0" y1="0" x2="1253" y2="893" style="stroke:#FFFFFF;stroke-width:20;" />
    <line x1="1253" y1="0" x2="0" y2="893" style="stroke:#FFFFFF;stroke-width:20;" />
</svg>
</center>
</body>
</html>