Random topics in HTML.



This content originally appeared on DEV Community and was authored by Gustavo Assis

Description lists

Used to presenting terms and definitions, like a dictionary. Example:

<dl>
  <dt>HTML</dt>
  <dd>HyperText Markup Language</dd>
  <dt>CSS</dt>
  <dd>Cascading Style Sheets</dd>
</dl>

Quotes

In HTML, quoted elements are used to distinguish quoted text from the surrounding content. You can quote a element using a block or inline.

<blockquote cite="https://www.ThisIsAExample.org">
  <p>Show the world</p>
  <p>your talent</p>
</blockquote>

<p>
  As I said,
  <q cite="https://www.ThisIsAExample.org">
     Show the world your talent.
  </q>
</p>

Just visual:

<p>— I, <cite>Show the world your talent.</cite></p>

Abbreviations and Acronyms

We can use Abbreviations and Acronyms using the tag <abbr>. Ex:

<p><abbr>HTML</abbr> is the foundation of the web.</p>
or
<p><abbr title="HyperText Markup Language">HTML</abbr> is the foundation of the web.</p>

Address

The contact address element is used to represent contact information for a section on a web page.

<address>
  <h2>Company Name</h2>
  <p>
    1234 Not Exist Street <br/>
    New York <br/>
    United States
  </p>
</address>

Time

The time element is used to represent a specific moment in time.

<p>The reservations are for <time datetime="17:00">17:00 </time></p>
or
<p>
  The graduation will be on <time datetime="2024-06-15T15:00">June 15</time>
</p>

This example was taken of freecodecamp.

Superscript and Subscript

<p>2<sup>2</sup> (2 squared) is 4.</p>

<p>CO<sub>2</sub></p>


This content originally appeared on DEV Community and was authored by Gustavo Assis