DEV Community

loading...
Cover image for Part-2: 5 HTML Tags That Almost Nobody Knows

Part-2: 5 HTML Tags That Almost Nobody Knows

Aya Bouchiha
Full stack web developer
・2 min read

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!

Discussion (6)

Collapse
aatmaj profile image
Aatmaj

Fantastic!

Collapse
ayabouchiha profile image
Aya Bouchiha Author

Thank you a lot.
Have an amazing day!

Collapse
theblobscp profile image
The Blob SCP

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

Collapse
ayabouchiha profile image
Aya Bouchiha Author

Glad to hear that :)
Have a good day!

Collapse
tolentinoel profile image
Ellaine Tolentino

Thank you for sharing!

Collapse
ayabouchiha profile image
Aya Bouchiha Author

My pleasure!
Have an amazing day