4/04/2016

Create A HTML Page Of Different Type Of List (Like Ordered List or Unordered List)

Problem:- Create An HTML Page Of Different Type Of List (Like Create A List Using Number / Bubble/) And Give The Description About Any Topic. or Create An HTML Page Of Different Type Of List (Like Ordered List or Unordered List) or How many types of lists are there in HTML? or What tag is used to list individual items of an ordered list? or How do you create an ordered list in HTML? or What is UL and Li in HTML? or HTML Ordered, Unordered, and Definition Lists.

How to Solve:- There is no logic we just have to use the different types of the list on our web page. list are especially cause it makes our web page more attractive and eye-catching. Before going for direct use of list I recommended read the explanation section for better understanding the list(Ordered or unordered).

Explanation:- In this problem, we have to use all list, before using the list we have to know about the ordered list and unordered list. Below is the list description.

Ordered List or Numbered List (ol)
Unordered List or Bulleted List (ul)
Description List or Definition List (dl)

In the ordered HTML lists, all the list items are marked with numbers.
It is known as numbered list also.
The ordered list starts with <ol> tag and the list items start with <li> tag.

In HTML Unordered list, all the list items are marked with bullets.
It is also known as bulleted list also.
The Unordered list starts with <ul> tag and list items start with the <li> tag.

<dl> tag defines the start of the list.
<dt> tag defines a term.
<dd> tag defines the term definition (description).

Tip:-  Always create a folder for separate web page file for avoiding unnecessary mixing and irritating. Check the Output below of the program. If you are having any problem highly recommended following the given web page.

Recommendation:- Before going for this assignment follow the given assignment so you can understand all Tags very well.

1. Create A Student Registration Form Using Table In HTML

2. Create A Given Table Using Table In HTML 


Note:- If you have a Better design than this page and you want to publish your post with all Credit Than you are welcome to read This.

Solution:-

List.html

Copy Start From Here

<html>
<head>
<title>Type Of List</title>
</head>

<body bgcolor="green" >
<font size="18">
<ol>
 <li>C Language</li>
 <li>Java</li>
 <li>Html</li>
 <li>Oracle</li>
</ol>
<ul>
 <li>C Language</li>
 <li>Java</li>
 <li>Html</li>
 <li>Oracle</li>
</ul>
<dl>
  <dt>C language</dt>
  <dd>-it is a procedural anguage</dd>
  <dt>Java</dt>
  <dd>-it is object orinted programming</dd>
 <dt>Html</dt>
 <dd>-It is  stands for hyper text markup language</dd>
  <dt>Oracle</dt>
  <dd>-It is a multinational technology corporation.</dd>
</dl>
</font >
</body>
</html>

Copy Ends Here

Output:-

Create A HTML Page Of Different Type Of List (Like Ordered List or Unordered List)


You Should See

1. Create an HTML Document Using Frame Which Should Satisfy All Given Requirements

2. A local university has asked you to create an XHTML document that allows prospective students to provide feedback about their campus visit.

3. Create An HTML Page With Different Frames Such As Floating Frame Navigation Frame, Mixed Frame In HTML

4. Create An HTML file to link to different HTML page which contains images, tables.

5. Creating A Simple Calculator with jQuery With CSS



4 comments:

  1. This is nice. It is such a detailed information on creating an html page on different type of list. Why not take a look on urgent essay writing scam for you to get some additional information.

    ReplyDelete