Monday, 4 April 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



Extreme Recommended:- Like our Facebook Page or Join our Facebook Group and Google plus Community for up-to-date. If you have any Query or Question you can ask in the group, I will Try To Solve your Query and try to answers of your Questions withing 24 Hours, You can also Email me or comment below Please suggest to your Friends to join and like our page and don't forget to Subscribe. Enter your Email and click to subscribe.

subodh yadav

Ghanendra Yadav

Hello, I Am Ghanendra Yadav Owner of This Blog, I am professional Blogger and Programmer. I Love Programming, Logo Making, And Banner Designing. My Highest Qualification is MCA From NIT Warangal. You Can Find Me On Social Media Through Below Link And If You Have Any Query Related To Programming And Other Subject Comment Below or You Can Mail Me I Will Try To Answer Within 24 Hours Email:- yghanendra@student.nitw.ac.in

Find me on Social Media

Facebook | Twitter | Google+ | RSS Feed

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