Skip to main content

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

Thing

Thing

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:

UnOrdered List in html



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 Ordered List


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 Description list

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

Popular posts from this blog

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.                                                       ...

Best Laptops in the world 2021

  best laptops in the world 2021: Our picks of the most recent models from the top brands to help you locate the best PC for your requirements.   In the event that you're on the chase for the best workstations of 2021, we can help. On this page we've positioned the best in class workstations cash can purchase at the present time, and regardless of what sort of PC you're after, or what your spending plan is, we're sure you'll locate the best PC for your demands on this page.   Need the absolute best PC at the present time? At that point look no farther than the MacBook Air (M1, 2020). Macintosh has given its PC an enormous upgrade with regards to equipment (on account of the new M1 chip it planned itself), and figures out how to offer top tier execution, alongside a staggering thin and light plan and a sensibly moderate sticker price too.   Be that as it may, even this right on time into 2021, we've additionally seen some splendid Windows 10 workstati...

What are the Editors of html?

 What are the Editors of html? HTML  editors use to create html pages professionally. Many editors available that can be used to create html webpages. to learn html , I will recommend you to use Notepad. 1:How open notepad in windows 8 or later: open the Start Screen and type notepad   How use in window 7: start > programs> accessories > notepad 2:Write Code when you open notepad then write code : 3:Save Html Code Save Html code on your computer .Select File>Save as from notepad menu and name it "index.html" or "index.htm".Set the encoding to UTF-8,it is the preferred encoding for html files. 4.View Page In Browser Now open your page in browser (chrome, fire fox etc) and right click on file or double click and select open with) ...your page will appear in browser like: I hope you like the post ,please don't hesitate to share my post to your friends. Thanks!!!