1.CSS-1
<h2 id="css1"></h2>
<style>#css1::before{content:"1.CSS-1";}</style>
2.ATTR-1
<h2 data-title="2.ATTR-1" id="attr1"></h2>
<style>#attr1::before{content:attr(data-title);}</style>
3.IMG-1
<h2><img src="path/to/title1.png" alt=""></h2>
4.B64-1
// PHP GD ⇒ base64 image (see code sample)
5.SVGEM-1
<object data="title1.svg" type="image/svg+xml"></object>
6.CAN-1
<canvas id="can1" width="400" height="60"></canvas>
<script>
const c=document.getElementById('can1').getContext('2d');
c.font='32px Arial';c.fillText('6.CAN-1',10,40);
</script>
7.WEBGL-1
//
…