---
# 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 <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 […]
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:
> Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
**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](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.">`<cite>`](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'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 "Big Black" Boykins, "Do Work" works as a self motivator, to motivating your friends.
Do It Live
I'll let Bill O'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 "seriously".
**Acronym Tag (*deprecated in HTML5*)**
The acronym ftw stands for "for the win".
**Big Tag** (*deprecated in HTML5*)
These tests are a big deal, but this tag is no longer supported in HTML5.
**Cite Tag**
"Code is poetry." --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'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 `<s>` instead).
**Emphasize Tag**
The emphasize tag should *italicize* *text*.
**Horizontal Rule Tag**
This sentence is following a `<hr />` tag.
**Insert Tag**
This tag should denote inserted text.
**Keyboard Tag**
This scarcely known tag emulates keyboard text, which is usually styled like the `<code>` 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 (='.'=)
And looked down one as far as I could (")_(")
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 ( > º < )
Had worn them really about the same, `>>x<<´
/ 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'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 "2" down.
**Superscript Tag**
Still sticking with science and Albert Einstein'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 `<code>` 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 & made in Bologna with ♥ by Codekraft](https://codekraft.it/)