Headings, Paragraph, Lists

In this lesson we learn how can we create headings, paragraph and different style of list items in html. So let get started.

Headings

There are 6 types of headings avilable h1 to h6 in html. We don't have need to create different font- size every time while using headings. Let see.

Input

	<h1>My Heading No. 1</h1>
	<h2>My Heading No. 2</h2>
	<h3>My Heading No. 3</h3>
	<h4>My Heading No. 4</h4>
	<h5>My Heading No. 5</h5>
	<h6>My Heading No. 6</h6>

Output

		My Heading No. 1
		My Heading No. 2
		My Heading No. 3
		My Heading No. 4
		My Heading No. 5
		My Heading No. 6

Note : Never use headings for make any font-size bigger or bold because headings are use by search engines and other sites as head information content to display on another areas.

Paragraph

When we see any web site than there are many paragraphs avilable. These all paragraphs written in very systematic way. These all paragraph created by <p> </p> Tags. Let see how can we use p tags or paragraph tags.

Input

<p>This is my first paragraph. I am learning html & css by Wconcert. 
The way to explain concepts and example is very fine.</p>

<p>You also can learn here. It's absolutely free. You can
find in on google.</p>

Output

This is my first paragraph. I am learning html & css by Wconcert. The way to explain concepts and example is very fine.

You also can learn here. It's absolutely free. You can find in on google.

Lists

There are three type of lists available in html. First is ordered list, second is unordered list and third is definition list which is an complex list and combination of two more list dt and dd. Dt is stands for definition term and dd is stands for definition details.

When we use ordered list than it automatically give sequence numbers to list item and in another way when we use unordered list than it gives bullet signs to list item let see how can we use lists. When we use definition list than it automatically generate a systematic list order.

1. Ordered List

Input

<ol>
	<li>First Item</li>
	<li>Second Item</li>
	<li>Third Item</li>
</ol>

Output


	First Item
	Second Item
	Third Item

2. Unordered List

Input

<ul>
	<li>First Item</li>
	<li>Second Item</li>
	<li>Third Item</li>
</ul>

Output


	First Item
	Second Item
	Third Item

3. Definition List

Input

<dl>
	<dt>Html 5 : </dt>
	<dd>A Programming Language</dd>

	<dt>PHP : </dt>
	<dd>A Server-side Language</dd>

	<dt>Seblime text : </dt>
	<dd>A Code Editor</dd>
</dl>

Output


Html 5 : 
	A Programming Language
PHP : 
	A Server-side Language
Sublime text : 
	A Code Editor