html ordered list abc, html ordered list indent, HTML Description Lists example, Learn HTML Syntax

Html ordered list example

In this tutorial you will learn how to create an ordered list with number, some people call it numbered list also, in this type of list each item come with a sequence number, you also learn HTML description lists.

Order List in HTML

Ordered list is very useful element in html designing, whenever you have a list of item to be displayed in order use <OL> element. here we see some html ol tag or ordered list example

  1. HTML Tutorial
  2. Css Tutorial
  3. Jquery Tutorial
  4. Asp.Net MVC Tutorial
  5. Ado.Net Tutorial

Here is code for above order list

<ol>
<li>HTML Tutorial </li>
<li>Css Tutorial </li>
<li>Jquery Tutorial </li>
<li>Asp.Net MVC Tutorial </li>
<li>Ado.Net Tutorial </li>
</ol>

Html ordered list ABC

Html ordered list abc example, Ordered List with type=A

  1. HTML Tutorial
  2. Css Tutorial
  3. Jquery Tutorial
  4. Asp.Net MVC Tutorial
  5. Ado.Net Tutorial

Here is code for above order list type=A

<ol type="A">
<li>HTML Tutorial </li>
<li>Css Tutorial </li>
<li>Jquery Tutorial </li>
<li>Asp.Net MVC Tutorial </li>
<li>Ado.Net Tutorial </li>
</ol>

Ordered List with type=I

  1. HTML Tutorial
  2. Css Tutorial
  3. Jquery Tutorial
  4. Asp.Net MVC Tutorial
  5. Ado.Net Tutorial
Here is code for above order list type="I"
<ol type="I">
<li>HTML Tutorial </li>
<li>Css Tutorial </li>
<li>Jquery Tutorial </li>
<li>Asp.Net MVC Tutorial </li>
<li>Ado.Net Tutorial </li>
</ol>

HTML Description Lists

In description list, we can add description for each item.

The description list is created with <dl> element. inside <dl> element we can have <dt> element and <dd> element. Let’s look at the example below.

Example:
Asp.net
.Net is a web application development framework by Microsoft.
JavaScript
JavaScript is client-side programming language.
<dl style="margin-left:50px;">
    <dt>Asp.net</dt>
    <dd>.Net is a web application development framework </dd>
    <dt>JavaScript</dt>
    <dd>JavaScript is client-side programming language.</dd>
</dl>
 

Web Designing Tutorials
Html Ordered Lists- HTML Description Lists example

digital marketing software


HTML Tutorial | Join Web Designing Course | HTML5 Introduction