feture

Use <meter>,<progress>,<q>,<ruby> Tag

 <!-- use <meter> Tag -->

 <section>

   <h4>This is Meter Tag</h4>

   <label for="html">HTML :</label>

   <meter id="html" value="60" min="0" max="100">60%</meter>60% <br>

   <label for="css">CSS :</label>

   <meter id="css" value="10" min="0" max="100">10%</meter>10% <br>

   <p><strong>Note:</strong>The meter tag is not supported in Edge 12 (or earlier).</p>

   <h4>This is progress Tag</h4>

   <label for="js">Java :</label>

   <progress id="js" value="10" max="100">10%</progress>

 </section><br>

 <!-- Use <ifreamt> tag -->

 <div>

 <iframe src="https://www.wscubetech.com/" frameborder="" title="W3Schools Free Online Web Tutorials" width="100%" height="200px"></iframe>

<!-- Use <samp>,<var> tag -->

 <div>

   <p>Lorem <samp> ipsum dolor</samp> sit amet <var>  consectetur adipisicing </var> elit. Sunt nihil maxime hic <mark><strong><q>Laboriosam ratione sit autem cupiditate</q> </strong></mark> quas eaque quod. Quo maiores ipsam delectus fuga enim accusamus laboriosam? Rem, molestiae nostrum in ut quos laudantium ducimus cum. Expedita harum molestias

    <!-- use <ruby>,<rp>,<rb>,<rt> Tag -->

    <ruby>

      <rb>SR</rb>

      <rp>(</rp><rt>Ismail Sardar</rt><rp>)</rp>

    </ruby> assumenda rerum nesciunt dolorum modi amet hic explicabo nemo? Dolorum!</p>

 </div>