HTML Text content Cheat Sheet

<blockquote> … </blockquote>The HTML <blockquote> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes for how to change it). A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.
<dd> … </dd>The HTML <dd> element provides the description, definition, or value for the preceding term (<dt>) in a description list (<dl>).
<div> … </div>The HTML Content Division element (<div>) is the generic container for flow content. It has no effect on the content or layout until styled using CSS.
<dl> … </dl>The HTML <dl> element represents a description list. The element encloses a list of groups of terms (specified using the <dt> element) and descriptions (provided by <dd> elements). Common Uses for this element is to implement a glossary or to display metadata (a list of key-value pairs).
<dt> … </dt>The HTML <dt> element specifies a term in a description or definition list, and as such must be used inside a <dl> element.
<figcaption> … </figcaption>The HTML <figcaption> or Figure Caption element represents a caption or legend describing the rest of the contents of its parent <figure> element.
<figure> … </figure>The HTML <figure> (Figure With Optional Caption) element represents self-contained content, potentially with an optional caption, which is specified using the (<figcaption>) element.
<hr>The HTML <hr> element represents a thematic break between paragraph-level elements: for example, a change of scene in a story, or a shift of topic within a section.
<li> … </li>The HTML <li> element is used to represent an item in a list.
<ol> … </ol>The HTML <ol> element represents an ordered list of items, typically rendered as a numbered list.
<p> … </p>The HTML <p> element represents a paragraph.
<pre> … </pre>The HTML <pre> element represents preformatted text which is to be presented exactly as written in the HTML file.
<ul> … </ul>The HTML <ul> element represents an unordered list of items, typically rendered as a bulleted list.

Example

<dl>
<dt>Denim (semigloss finish)</dt>
<dd>Ceiling</dd>
<dt>Denim (eggshell finish)</dt>
<dt>Evening Sky (eggshell finish)</dt>
<dd>Layered on the walls</dd>
</dl>
<figure>
<img src="/media/examples/elephant-660-480.jpg"
alt="Elephant at sunset">
<figcaption>An elephant at sunset</figcaption>
</figure>
<ol>
<li>Mix flour, baking powder, sugar, and salt.</li>
<li>In another bowl, mix eggs, milk, and oil.</li>
<li>Stir both mixtures together.</li>
<li>Fill muffin tray 3/4 full.</li>
<li>Bake for 20 minutes.</li>
</ol>

Leave a Reply

Your email address will not be published. Required fields are marked *