Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

These elements have a rank given by the number in their name. The h1 element has the highest rank, the h6 element has the lowest rank, and two elements with the same name have equal rank.

These elements have a rank given by the number in their name. The h1 element has the highest rank, the h6 element has the lowest rank, and two elements with the same name have equal rank.

These elements have a rank given by the number in their name. The h1 element has the highest rank, the h6 element has the lowest rank, and two elements with the same name have equal rank.

These elements have a rank given by the number in their name. The h1 element has the highest rank, the h6 element has the lowest rank, and two elements with the same name have equal rank.

These elements have a rank given by the number in their name. The h1 element has the highest rank, the h6 element has the lowest rank, and two elements with the same name have equal rank.

These elements have a rank given by the number in their name. The h1 element has the highest rank, the h6 element has the lowest rank, and two elements with the same name have equal rank.

The p element represents a paragraph.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed diam tortor. Donec ante arcu, eleifend vitae sapien at, commodo gravida nunc. Morbi malesuada nibh enim, ac ullamcorper lectus aliquam quis. Nunc leo leo, fermentum ut lacus quis, sagittis gravida magna. Duis massa erat, porta eget aliquet at, facilisis non ipsum.

Sed nulla diam, facilisis sit amet est vitae, blandit imperdiet libero. Fusce vel porta arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi id nisl sed justo lacinia rutrum. Aenean facilisis turpis ut metus blandit, vitae vulputate ante accumsan. In pharetra ipsum non velit pellentesque, et aliquam velit fringilla.

---

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.

Content inside a blockquote other than citations and in-line changes must be quoted from another source, whose address, if it has one, may be cited in the cite attribute

Definition list

The dl element represents an association list consisting of zero or more name-value groups (a description list). A name-value group consists of one or more names (dt elements) followed by one or more values (dd elements), ignoring any nodes other than dt and dd elements. Within a single dl element, there should not be more than one dt element for each name.

happiness

/'hæ p. nes/

n.

The state of being happy.

Good fortune; success. Oh happiness! It worked!

rejoice

/'ri jois'/

v.intr. To be delighted oneself.

v.tr. To cause one to be delighted.

Ordered List

The ol element represents a list of items, where the items have been intentionally ordered, such that changing the order would change the meaning of the document.

1. The li element represents a list item.
2. The li element represents a list item.
3. The li element represents a list item.
   1. A nested ol with li elements.
   2. A nested ol with li elements.
   3. A nested ol with li elements.

Unordered List

The ul element represents a list of items, where the order of the items is not important — that is, where changing the order would not materially change the meaning of the document.

• The li element represents a list item.
• The li element represents a list item.
• The li element represents a list item.
  • A nested ul with li elements.
  • A nested ul with li elements.
  • A nested ul with li elements.

Navigation List

The following unordered list is wrapped in a <nav> element.

The kbd element represents user input (typically keyboard input, although it may also be used to represent other input, such as voice commands).

The code element represents a fragment of computer code. This could be an XML element name, a file name, a computer program, or any other string that a computer would recognize.

The samp element represents sample or quoted output from another program or computing system.

The <pre> element represents a block of preformatted text, in which structure is represented by typographic conventions rather than by elements.

If the a element has an href attribute, then it represents a hyperlink (a hypertext anchor) labeled by its contents. ¶ The strong element represents strong importance, seriousness, or urgency for its contents. ¶ The em element represents stress emphasis of its contents. ¶ The b element represents a span of text to which attention is being drawn for utilitarian purposes without conveying any extra importance and with no implication of an alternate voice or mood, such as key words in a document abstract, product names in a review, actionable words in interactive text-driven software, or an article lede. ¶ The i element represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose in a manner indicating a different quality of text, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, transliteration, a thought, or a ship name in Western texts. ¶ The u element represents a span of text with an unarticulated, though explicitly rendered, non-textual annotation, such as labeling the text as being a proper name in Chinese text (a Chinese proper name mark), or labeling the text as being misspelt. ¶ The del element represents a removal from the document. ¶ The ins element represents an addition to the document. ¶ The s element represents contents that are no longer accurate or no longer relevant. ¶ The sup element represents a superscript (e.g. e=mc²) and the sub element represents a subscript (e.g. H₂O). ¶ The small element represents side comments such as small print. ¶ The abbr element represents an abbreviation or acronym, optionally with its expansion. ¶ The cite element represents a reference to a creative work (e.g. The following sentence is taken from the W3C Recommendation: w3.org). ¶ The q element represents some phrasing content quoted from another source. ¶ The dfn element element represents the defining instance of a term. ¶ The mark element represents a run of text in one document marked or highlighted for reference purposes, due to its relevance in another context. ¶ The var element represents a variable (e.g. x = y). ¶ The time element represents its contents, along with a machine-readable form of those contents in the datetime attribute (e.g. New Year's Eve 2020).

Table Caption (big table)

Table Heading 1	Table Heading 2	Table Heading 3	Table Heading 4 and 5		Table Heading 6	Table Heading 7	Table Heading 8	Table Heading 9	Table Heading 10
Table Footer 1	Table Footer 2	Table Footer 3	Table Footer 4 and 5		Table Footer 6	Table Footer 7	Table Footer 8	Table Footer 9	Table Footer 10
Table Cell 1	Table Cell 2	Table Cell 3	Table Cell 4	Table Cell 5	Table Cell 6	Table Cell 7	Table Cell 8	Table Cell 9	Table Cell 10
Table Cell 1	Table Cell 2	Table Cell 3	Table Cell 4	Table Cell 5	Table Cell 6	Table Cell 7	Table Cell 8	Table Cell 9	Table Cell 10
Table Cell 1	Table Cell 2	Table Cell 3	Table Cell 4	Table Cell 5	Table Cell 6	Table Cell 7	Table Cell 8	Table Cell 9	Table Cell 10
Table Cell 1	Table Cell 2	Table Cell 3	Table Cell 4	Table Cell 5	Table Cell 6	Table Cell 7	Table Cell 8	Table Cell 9	Table Cell 10
Table Cell 1	Table Cell 2	Table Cell 3	Table Cell 4	Table Cell 5	Table Cell 6	Table Cell 7	Table Cell 8	Table Cell 9	Table Cell 10
Table Cell 1	Table Cell 2	Table Cell 3	Table Cell 4	Table Cell 5	Table Cell 6	Table Cell 7	Table Cell 8	Table Cell 9	Table Cell 10

Table Caption (small table)

Table Heading 1	Table Heading 2	Table Heading 3
Table Cell 1	Table Cell 2	Table Cell 3
Table Cell 1	Table Cell 2	Table Cell 3

No <figure> element

An img element represents an image and its fallback content.

Wrapped in a <figure> element, no <figcaption>

Wrapped in a <figure> element, with a <figcaption>

The figure element represents some flow content, optionally with a caption, that is self-contained (like a complete sentence) and is typically referenced as a single unit from the main flow of the document.

Wrapped in a <picture> element

The picture element is a container which provides multiples sources to its contained img element to allow authors to declaratively custom or give hints to the user agent about which image resource to use, based on the screen pixel density, viewport size, image format, and other factors.

Background-image

Hi!

progress