---
# Markup: HTML Tags and Formatting

**URL:** https://modul-r.codekraft.it/2013/01/markup-html-tags-and-formatting/
Date: 2013-01-11
Author: Erik
Post Type: post
Summary: Headings Header one Header two Header three Header four Header five Header six Blockquotes Single line blockquote: Stay hungry. Stay foolish. Multi line blockquote with a cite reference: The HTML &amp;lt;blockquote&amp;gt; Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes [&amp;hellip;]
Categories: Classic, Markup
Tags: content περιεχόμενο, css, formatting, html, markup
Featured Image: https://modul-r.codekraft.it/wp-content/uploads/2021/06/pia23378-16.webp
---

**Headings**

# Header one

## Header two

### Header three

#### Header four

##### Header five

###### Header six

## Blockquotes

Single line blockquote:
&gt; Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:
**The HTML `&lt;blockquote&gt;` Element** (or *HTML Block Quotation Element*) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see [Notes](https://developer.mozilla.org/en-US/docs/HTML/Element/blockquote#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 [ represents a reference to a creative work. It must include the title of a work or a URL reference, which may be in an abbreviated form according to the conventions used for the addition of citation metadata.&quot;&gt;`&lt;cite&gt;`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/cite) element.
multiple contributors - MDN HTML element reference - blockquote

## Tables

Employee
Salary

[John Doe](http://example.org/)
$1
Because that&#039;s all Steve Jobs needed for a salary.

[Jane Doe](http://example.org/)
$100K
For all the blogging she does.

[Fred Bloggs](http://example.org/)
$100M
Pictures are worth a thousand words, right? So Jane x 1,000.

[Jane Bloggs](http://example.org/)
$100B
With hair like that?! Enough said...

## Definition Lists

 	Definition List Title
 	Definition list division.
 	Startup
 	A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
 	#dowork
 	Coined by Rob Dyrdek and his personal body guard Christopher &quot;Big Black&quot; Boykins, &quot;Do Work&quot; works as a self motivator, to motivating your friends.
 	Do It Live
 	I&#039;ll let Bill O&#039;Reilly will [explain](https://www.youtube.com/watch?v=O_HyZ5aW76c) this one.

## Unordered Lists (Nested)

 	List item one

 	List item one

 	- List item one

 	- List item two

 	- List item three

 	- List item four

 	- List item two

 	- List item three

 	- List item four

 	- List item two

 	- List item three

 	- List item four

## Ordered List (Nested)

 	List item one -start at 8

 	List item one

 	- List item one -reversed attribute

 	- List item two

 	- List item three

 	- List item four

 	- List item two

 	- List item three

 	- List item four

 	- List item two

 	- List item three

 	- List item four

## HTML Tags

These supported tags come from the WordPress.com code [FAQ](https://en.support.wordpress.com/code/).

**Address Tag**

1 Infinite Loop
Cupertino, CA 95014
United States**Anchor Tag (aka. Link)**

This is an example of a [link](https://wordpressfoundation.org/).

**Abbreviation Tag**

The abbreviation srsly stands for &quot;seriously&quot;.

**Acronym Tag (*deprecated in HTML5*)**

The acronym ftw stands for &quot;for the win&quot;.

**Big Tag** (*deprecated in HTML5*)

These tests are a big deal, but this tag is no longer supported in HTML5.

**Cite Tag**

&quot;Code is poetry.&quot; --Automattic

**Code Tag**

This tag styles blocks of code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
and here&#039;s a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;
}
You will learn later on in these tests that `word-wrap: break-word;` will be your best friend.

**Delete Tag**

This tag will let you strike out text, but this tag is *recommended* supported in HTML5 (use the `&lt;s&gt;` instead).

**Emphasize Tag**

The emphasize tag should *italicize* *text*.

**Horizontal Rule Tag**

This sentence is following a `&lt;hr /&gt;` tag.

**Insert Tag**

This tag should denote inserted text.

**Keyboard Tag**

This scarcely known tag emulates keyboard text, which is usually styled like the `&lt;code&gt;` tag.

**Preformatted Tag**

This tag is for preserving whitespace as typed, such as in poetry or ASCII art.

## The Road Not Taken

```
Robert Frost

  Two roads diverged in a yellow wood,
  And sorry I could not travel both          (\_/)
  And be one traveler, long I stood         (=&#039;.&#039;=)
  And looked down one as far as I could     (&quot;)_(&quot;)
  To where it bent in the undergrowth;

  Then took the other, as just as fair,
  And having perhaps the better claim,          |\_/|
  Because it was grassy and wanted wear;       / @ @ \
  Though as for that the passing there        ( &gt; º &lt; )
  Had worn them really about the same,         `&gt;&gt;x&lt;&lt;´
                                               /  O  \
  And both that morning equally lay
  In leaves no step had trodden black.
  Oh, I kept the first for another day!
  Yet knowing how way leads on to way,
  I doubted if I should ever come back.

  I shall be telling this with a sigh
  Somewhere ages and ages hence:
  Two roads diverged in a wood, and I—
  I took the one less traveled by,
  And that has made all the difference.

  and here&#039;s a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;

```

**Quote Tag** for short, inline quotes

Developers, developers, developers... --Steve Ballmer

**Strike Tag** (*deprecated in HTML5*) and **S Tag**

This tag shows strike-through text.

**Small Tag**

This tag shows smaller text.

**Strong Tag**

This tag shows **bold text.**

**Subscript Tag**

Getting our science styling on with H2O, which should push the &quot;2&quot; down.

**Superscript Tag**

Still sticking with science and Albert Einstein&#039;s E = MC2, which should lift the 2 up.

**Teletype Tag **(*obsolete in HTML5*)

This rarely used tag emulates teletype text, which is usually styled like the `&lt;code&gt;` tag.

**Underline Tag** *deprecated in HTML 4, re-introduced in HTML5 with other semantics*

This tag shows underlined text.

**Variable Tag**

This allows you to denote variables.

---

## Categories

- Classic
- Markup

---

## Navigation

- [Home](https://modul-r.codekraft.it/)
- [Theme Setup](https://modul-r.codekraft.it/2019/06/theme-setup/)
- [Environment Setup](https://modul-r.codekraft.it/2019/06/environment-setup/)
- [Functions and Components](https://modul-r.codekraft.it/2019/06/custom-theme-functions/)
- [Classic](https://modul-r.codekraft.it/category/classic/)
- [Shop](https://modul-r.codekraft.it/shop/)
- [Tag /Archive format](https://modul-r.codekraft.it/tag/post-formats/)
- [Modul R](https://wordpress.org/themes/modul-r/)
- [Modul R (git)](https://github.com/erikyo/Modul-R)
- [Modul R Child (git)](https://github.com/erikyo/Modul-R-child)
- [CF7 Antispam](https://wordpress.org/plugins/cf7-antispam/)
- [OH-MY-SVG](https://modul-r.codekraft.it/oh-my-svg/)
- [Model-Viewer WordPress block](https://modul-r.codekraft.it/model-viewer-wordpress-block/)
- [Remove Capslock](https://wordpress.org/plugins/remove-capslock)
- [Blog](https://modul-r.codekraft.it/category/random-access-memories/)
- [Codekraft](https://github.com/codekraft-studio)
- [About Me](https://modul-r.codekraft.it/erik-golinelli/)
- [Contact](https://modul-r.codekraft.it/contacts/)
- [Credits](https://modul-r.codekraft.it/credits/)

## Tags

- content περιεχόμενο
- css
- formatting
- html
- markup

---

## Footer Links

- [Theme Setup](https://modul-r.codekraft.it/2019/06/theme-setup/)
- [Functions and Components](https://modul-r.codekraft.it/2019/06/custom-theme-functions/)
- [Environment Setup](https://modul-r.codekraft.it/2019/06/environment-setup/)
- [Download](https://wordpress.org/themes/modul-r/)
- [Contact form 7](https://modul-r.codekraft.it/category/contact-form-7/)
- [Quick Start](https://modul-r.codekraft.it/category/quick-start/)
- [Classic](https://modul-r.codekraft.it/category/classic/)
- [Post Formats](https://modul-r.codekraft.it/category/post-formats/)
- [Block](https://modul-r.codekraft.it/category/block/)
- [Clothing](https://modul-r.codekraft.it/product-category/clothing/)
- [Privacy Policy](https://modul-r.codekraft.it/privacy-policy/)
- [Proudly powered by WordPress &amp;amp; made in Bologna with ♥ by Codekraft](https://codekraft.it/)

