Skip to main content

Lists In Html

Lists In Html:
There are 3 types of lists in Html.
  1. <ol> - Ordered List
  2. <ul> - Unordered List
  3. <df> - Definition List
Html - Number/Ordered List

Ordered lists actually shows with numbers bullets same like word processors. The tag which is use to add order list in your Html page is <ol> and the items of this list shows in <li>. See the example.

Number/ Order List Example: 

<ol>
<li>John</li>
<li>Miller</li>
<li>Bunty</li>
</ol>
Numbered/Order List Preview:
  1. John
  2. Miller
  3. Bunty
Just simply add your wish from which number you want to start 5,6 or whatever.
 
Number/Order List Advance
This is a little bit advance trick for order or number list you can start it with any number like you want to start a list from number 5 or from 7 or etc you can do it by using it's attribute let's see the example and preview.

Number/Order List Advance Example:
<ol start="5">
<li>John</li>
<li>Miller</li>
<li>Bunty</li>
</ol>
Numbered/Order List Advance Preview:
  1. John
  2. Miller
  3. Bunty 

There are numbers of type of lists as shown below.
<ol type="a">
<ol type="A">
<ol type="i">
<ol type="I">

Here is the example of the type of the list just change the type.

     Lower-Case     Upper-Case      Lower-Case     Upper-Case
  1. John
  2. Miller
  3. Bunty
  1. John
  2. Miller
  3. Bunty
  1. John
  2. Miller
  3. Bunty
  1. John
  2. Miller
  3. Bunty
Html - Unordered List

Unordered lists actually shows with dots bullets same like word processors. The tag which is use to add unorder list in your Html page is <ul> and the items of this list shows in <li>. See the example.

Unorder List Example:
<ul>
<li>John</li>
<li>Miller</li>
<li>Bunty</li>
</ul>
Unorder List Preview:
  • John
  • Miller
  • Bunty
Here's a look at the other flavors of unordered lists may look like.

<ul type="square">
<ul type="disc">
<ul type="circle">

Here is the example of the Unordered List type
type="square"type="disc"type="circle"
  • John
  • Miller
  • Bunty
  • John
  • Miller
  • Bunty
  • John
  • Miller
  • Bunty

Comments

Post a Comment

Popular posts from this blog

Manipulating WW2 Fire AirCraft

In this tutorial we will be learning some indispensable techniques to use for any type of photo-manipulation. We will be doing this by taking a photograph of a model plane and editing it to to look like a photograph of a WW2 spitfire which has just been shot down and is on fire. The techniques used here are the same for any type of 'destruction' photo-manipulation. Below is the link you will learn how to create. In the second part of this tutorial we will go on to use this image in a movie poster/DVD cover design View Tutorial
Post a Comment
Read more

Beginner Html Lesson 2

In the previous lesson we just copy a code and paste it. In this lesson we will guide you through rest of the things what is that let's talk more. We made a webpage with something very weird for beginner don't worry go ahead. <html> : This is the essential thing for any web page and also closing tag </html>. Between these codes we add some more codes <head> </head> , <body> </body> between the body code actually body itself saying that i am body of your webpage. What Head tags containg (<head> </head>) ? Basically head tags contains following <title> <base> <link> <meta> <script> <styles>  What Body tags contains (<body> </body>) ? And a body tags contains anything like your bolded text , your content of any type.Paragraphs , Headings anything. I hope you understand.
Post a Comment
Read more

Simple Hit counter

A hit counter will let us know how many times a page is accessed. Incase one visitors loads the page several times, the hit counter willincrease several times (but this is likely to happen only a few times). The code for the hit counter bellow will save the number of hits in afile named counter.txt (the name of this file may be changed). Each time the page is loaded,the file will be read, the number will be increased by one and the newnumber will be saved to the same file. Counter.php <?php //The file where number of hits will be saved; name may be changed;p.e. "/counter_files/counter1.txt" $counterfile = " counter.txt "; // Opening the file; number of hit is stored in variable $hits $fp = fopen($counterfile,"r"); $hits = fgets($fp,100); fclose($fp); //increading number of hits $hits ++; //saving number of hits $fp = fopen($counterfile,"w"); fputs($fp, $hits ); fclose($fp); //printing  hits; you may remove next lin...
1 comment
Read more