DEV Community

Cover image for Part-2: 5 HTML Tags That Almost Nobody Knows
Aya Bouchiha
Aya Bouchiha

Posted on

Part-2: 5 HTML Tags That Almost Nobody Knows

Hello, I'm Aya Bouchiha, today, I'm going to discuss another 5 HTML tags that you're almost don't know.

part-1: 5 HTML Tags That Almost Nobody Knows

<dfn>

<dfn>: used to specify a term that is going to be defined, most browsers display this element with an italic font style.

<p>
    <dfn>Mathematics</dfn>
    is the science of structure, order, and relation that has evolved from
    counting, measuring, and describing the shapes of objects
</p>
Enter fullscreen mode Exit fullscreen mode

HTML tags Aya Bouchiha

<kbd>

<kbd>: used to define keyboard input, it is displayed with a monospace font

<h1>How to rename a file ?</h1>
<p>
    Select the file with a left click and then press <kbd>F2</kbd> on your
    keyboard.
</p>
Enter fullscreen mode Exit fullscreen mode

HTML tags Aya Bouchiha

<samp>

<samp>: is used to define sample output from a computer program.

<p><samp>File not found.<br />Press <kbd>F1</kbd> to continue</samp></p>
Enter fullscreen mode Exit fullscreen mode

HTML tags Aya Bouchiha

<meter>

<meter>: represents either a scalar value within a known range or a fractional value.
more details

<div class="skills">
    <label for="html">HTML</label>
    <meter id="html" value="8" min="0" max="10">2 out of 10</meter><br>
</div>
Enter fullscreen mode Exit fullscreen mode

HTML tags Aya Bouchiha

<dl>, <dt> & <dd>

<dl> : is used wiht <dt> and <dd> to define a description list.

<dt> defines a term in a description list.

<dd> describes a term in a description list.

<dl>
    <dt>&lt;dfn&gt;</dt>
    <dd>for specifing a term</dd>
    <dt>&lt;kbd&gt;</dt>
    <dd>defining a keyboard input</dd>
    <dt>&lt;samp&gt;</dt>
    <dd> for defining sample output from a computer program</dd>
    <dt>&lt;meter&gt;</dt>
    <dd>for representing either a scalar value within a known range or a fractional value.</dd>
    <dt>&lt;dl&gt;</dt>
    <dd>for defining a description list</dd>
</dl>
Enter fullscreen mode Exit fullscreen mode

HTML tags Aya Bouchiha

Summary

<dfn> : for specifing a term.
<kbd> : for defining a keyboard input.
<samp> : for defining sample output from a computer program.
<meter> : or representing either a scalar value within a known range or a fractional value.
<dl> : for defining a description list.

References

Have an amazing day!

Latest comments (6)

Collapse
 
tolentinoel profile image
Ellaine Tolentino

Thank you for sharing!

Collapse
 
ayabouchiha profile image
Aya Bouchiha

My pleasure!
Have an amazing day

Collapse
 
roythearsonist profile image
Roy The Arsonist

Thanks for making this, I'm looking forward to using the meter tag

Collapse
 
ayabouchiha profile image
Aya Bouchiha

Glad to hear that :)
Have a good day!

Collapse
 
aatmaj profile image
Aatmaj

Fantastic!

Collapse
 
ayabouchiha profile image
Aya Bouchiha

Thank you a lot.
Have an amazing day!