HTML Formatting Tags

In order to display a bold or italic text in HTML, we use the formatting tags.

There are two types of tags:

1. PHYSICAL tags
2. LOGICAL tags

As Scripting Master describes the difference as follows...

a physical character tag controls how the characters are formatted. For instance, you might display some characters as bold or italic. Listing 1 displays some common physical character tags. 

HTML code	Output
This is <b>bold</b>	This is bold
This is <big>big font</big>	This is big font
This is <i>italic</i>	This is italic
Was <s>$50</s>; now $40	Was $50; now $40
This is <small>small</small>	This is small
H<sub>2</sub>O	H2O
May 5<sup>th</sup> 2005	May 5th 2005
<tt>fixed-width font</tt>	fixed-width font
This is <u>underlined</u>	This is underlined

A logical character tag describes how the text is being used, not necessarily how it is formatted. Listing 3 displays common examples logical character tags. 

HTML code	Output
This is used for a short <cite>quote</cite>.	This is used for a short quote.
<code>y = m * x + b</code>	y = m * x + b
<del>Deleted</del> text	Deleted text
<dfn>definition</dfn> text	definition text
This is <em> emphasized </em>.	This is emphasized .
<ins>inserted</ins> text	inserted text
<kbd>code</kbd> sample	code sample
<samp>code</samp> sample	code sample
This is <strong>strong</strong>.	This is strong.
<var>program</var> variable	program variable

 

 

 

HTML Paragraphs vs Line Break

Paragraphs are useful especially when features are posted. It is also very useful in understanding the written article of a webpage properly, like how News and Blog sites have been posting as their content.

Paragraphs are another element of HTML that has an opening and closing tag. An opening tag, <p>, is declared when starting a new paragraph and a closing tag,</p>, is declared by ending the paragraph or before starting another paragraph.

Most browsers, however, display a new paragraph even by without the end tag, but using the correct syntax is more recommended to provide error-free results.

Line Break means a new line. A bit similar to a paragraph though a paragraph gives more space between the first paragraph between the second paragraph.

photo by: Unique Method

HTML Heading

HTML Headings are used for Headings only. Headings have a start tag and an end tag. It is important to remember than web visitors read a web page's heading first.

Headings are written as...

<h1>This is an H1 Heading</h1>

Headings are defined through the use of <h1> to <h6> elements or tags. The smaller value of your heading is, the bigger size of your font is.

Examples:

This is H1

This is H2

This is H3

This is H4

This is H5

This is H6