HTML Tags: Others – Block
These are the rest of the HTML block tags.
| Tag | Type | Description |
|---|---|---|
<blockquote> | Block | Represents a quotation block |
<pre> | Block | Represents a preformatted text (displayed as-is) |
| Definition list | ||
<dl> | Block | Represents a definition list |
<dt> | Block | Represents a definition term |
<dd> | Block | Represents a definition description |
| Figure | ||
<figure> | Block | Represents a self-contained content |
<figcaption> | Block | Represents caption for <figure> |
| Details | ||
<details> | Block | Represents a collapsible/accordion widget |
<summary> | Other | Represents summary/caption of a <details> |
<blockquote>
Represents a quotation block.
Possible attributes
cite=[...]— URL to the source of quotation
| LIVE PREVIEW
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<pre>
Represents a preformatted text.
The text will be displayed as typed in the HTML file.
| LIVE PREVIEW
Roses are red, Violets are blue, Sugar is sweet, And so are you.
<dl>, <dt>, and <dd>
<dl> represents a definition list.
<dt> represents a definition term in a <dl>.
<dd> represents a definition description in a <dl>.
| LIVE PREVIEW
- Beast of Bodmin
- A large feline inhabiting Bodmin Moor.
- Morgawr
- A sea serpent.
- Owlman
- A giant owl-like creature.
<figure> and <figcaption>
<figure> represents a self-contained content.
<figcaption> represents caption for <figure>.
| LIVE PREVIEW
<details> and <summary>
<details> represents a collapsible/accordion widget.
<summary> represents caption of a <details> element.
| LIVE PREVIEW
Lorem ipsum (click me)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Assets
- Lucas Benjamin (Unsplash) — https://unsplash.com/photos/wQLAGv4_OYs
References
- HTML elements reference (MDN) — https://developer.mozilla.org/en-US/docs/Web/HTML/Element