WEEK #8: HTML Formatting

Week #8: HTML Formatting

HTML Formatting

HTML also uses tags for formatting text, much like you would with a word processing
program. Text formatting means simply things like bold, italic, and underline.

Example:

<p>Text formatting means simply things like <b>bold,</b><i> italic,</i> and

<u>underline.</u>

Formatting it differently

Formatting the content is required in order to make a webpage look more

understandable, legible and attractive. It could be a logical or physical. Logical formatting
marks the text according to its meaning, while physical styles indicate the specific appearance of
a section.

Let's take the example of <EM> and <I> tags.

 <EM> (Emphasis) is a logical tag

 <I> (Italics) is a physical tag

Example:

"This is <EM>emphasized text</EM> and this is <I>italicized text</I>" - in your text editor and
see how it looks like on the browser.

Week #8: HTML Formatting | 1

 WEEK #8: HTML Formatting

It will look like below:

This is emphasized text and this is italicized text.

Basic Typography Tags

Below are some of the HTML tags used in basic typography:

1. Bold Text - Anything that appears within <b>...</b> element, is displayed in bold.
2. Italic Text - Anything that appears within <i>...</i> element is displayed in italicized.
3. Underlined Text - Anything that appears within <u>...</u> element, is displayed with
underline.
4. Strike Text - Anything that appears within <strike>...</strike> element is displayed with
strikethrough, which is a thin line through the text.
5. Monospaced Text - The content of a <tt>...</tt> element is written in monospaced font.
Most of the fonts are known as variable-width fonts because different letters are of
different widths (for example, the letter 'm' is wider than the letter 'i'). In a monospaced
font, however, each letter has the same width.
6. Superscript Text - The content of a ^... element is written in superscript; the
font size used is the same size as the characters surrounding it but is displayed half a
character's height above the other characters.

Week #8: HTML Formatting | 2

 WEEK #8: HTML Formatting

7. Subscript Text - The content of a _... element is written in subscript; the font
size used is the same as the characters surrounding it, but is displayed half a character's
height beneath the other characters.
8. Inserted Text - Anything that appears within <ins>...</ins> element is displayed as
inserted text.
9. Deleted Text - Anything that appears within <del>...</del> element, is displayed as
deleted text.
10. Larger Text - The content of the <big>...</big> element is displayed one font size larger
than the rest of the text surrounding it.
11. Small Text - The content of the <small>...</small> element is displayed one font size
smaller than the rest of the text surrounding it.

REFERENCES:

Ots, W. E. B. N. (n.d.). Learn Basics of HTML. 0–88.

Avenue, W. (n.d.). HTML and CSS.

Manatad, K. B. (2014). HTML Formatting.

Week #8: HTML Formatting | 3