what are Lists in html and how create lists in html?

Html Lists

This tutorial will help you to learn Html Lists and It is very easy to learn .You just follow my tutorial .Open your notepad and write code ,save it and see it in browser step by step.

Lets Start.

HTML records permit web engineers to assemble a bunch of related things in records.

Model:

An unordered HTML list:

Thing

An Ordered HTML list:

First thing

Second thing

Third thing

Fourth thing

Unordered HTML List

An unordered list begins with the <ul> tag. Each list

thing begins with the <li> tag.

The list things will be set apart with projectiles (little dark circles) by default:

Code:

<!DOCTYPE html> <html> <body> <h2>An unordered HTML list</h2> <ul> <li>Cup</li> <li>Jug</li> <li>Glass</li> </ul> </body> </html>

Browser Result:

Ordered HTML List

An arranged list begins with the <ol> tag. Each list thing begins with the <li> tag.

The list things will be set apart with numbers by default.

Code:

<!DOCTYPE html> <html> <body> <h2>An unordered HTML list</h2> <ol> <li>Cup</li> <li>Jug</li> <li>Glass</li> </ol> </body> </html>

Browser Code:

HTML Description Lists

HTML additionally underpins depiction records.

A description list is a list of terms, with a depiction of each term.

The <dl> tag characterizes the description list, the <dt> tag characterizes the term (name),

and the <dd> tag depicts each term:

Code:

<!DOCTYPE html> <html> <body> <h2>A Description List</h2> <dl> <dt>Tea</dt> <dd>- hot drink</dd> <dt>Pepsi</dt> <dd>-cold drink</dd> </dl> </body> </html> Browser Result:

HTML List Tags

Tag	Detail
<ul>	shows an unordered list
<li>	shows a list item
<ol>	shows an ordered list
<dl>	shows a description list
<dt>	shows a term in a description list
<dd>	shows the term in a description list

I hope you like the post ,please don't hesitate to share my post to your friends. Thanks!!!

Comments

Top 5 mobile companies 2021

Sometime in the past cell phone or wireless was viewed as an extravagance. Telecom organizations use to charge for both approaching and active call. Today the world has changed. We have advanced from First Generation of Mobile Phone Technology to the 5Th Generation. Presently, in many nations, telecom organizations charge for just cordial calls. Approaching calls are free. Likewise, in the past there were not many rumored and confided in Mobile Phone Brands and Companies in the World. Brands like Motorola and Nokia managed the cell phone market. Because of innovative advancement and gigantic expansion popular, an ever increasing number of organizations have joined the cell phone fabricating business. Prior cell phone handsets were basic and were implied uniquely to settle on and get telephone decisions and instant messages. With headway in innovation and less expensive call and information rates, straightforward component telephones are supplanted by cell ph...

Best and Top 5 Camera Brands 2021

Regardless of whether you're purchasing your first computerized camera or updating your current photography gear, realizing the top camera brands in 2021 is fundamental. Picking the correct brand for you is significant in light of the fact that it will go far to molding your photography style and how you work out your unit. The brand you pick will likewise impact the nature of your gear and the scope of frill viable with it. We mean to make the determination cycle much simpler by showing you the best camera brands for advanced cameras. So how about we investigate the top camera brands accessible and what you need to know to settle on the best buying choice. Canon Odds are that in the event that you've at any point thought about purchasing another camera, the name Canon has come up. ...

How create tables in html?

Html Table This tutorial will help you to learn Html Table and It is very easy to learn .You just follow my tutorial .Open your notepad and write code ,save it and see it in browser step by step. Lets Start. Html Table Table is used to store data in rows and columns. We will use example how can create a table in html Example <!DOCTYPE html> <html> <body> <h2>Basic HTML Table</h2> <table style="width:100%"> <tr> <th>Name</th> <th>FatherName</th> <th>Age</th> </tr> <tr> <td>Ali</td> <td>Abbas</td> <td>50</td> </tr> <tr> <td>Aslam</td> <td>Ashraf</td> <td>45</td> </tr> <tr> <td>Mohsin</td...

TechInfo

Search This Blog