Html codes based on list
1. write html code to create an ordered list of any four scientist names.
<!doctype html>
<html><head><title>ordered list</title></head>
<body>
<h1 align=center>SCIENTIST NAMES</h1>
<ol type=A>
<li>Sir Isaac Newton</li>
<li>Albert Einstein</li>
<li>A.P.J Abdulkalam</li>
<li>Nicola Tesla</li>
</ol></body></html>
2. write html code to create an unordered list of any five career option in computers.
<!doctype html>
<html>
<head><title>unordered list of career options</title>
</head><body>
<h1 align=center>five career options in computers</h1>
<ul>
<li>DATA ANALYST</li>
<li>SOFTWARE ENGINEER</li>
<li>GRAPHIC DESIGNER</li>
<li>WEB DEVELOPER</li>
<li>VIDEO GAME DEVELOPER</li>
</ul></body></html>
3. write html code to create an ordered list of any three search engine and unordered list of
any three computer languages.
<html><head><title>ordered and unordered list</title></head><body>
<h1 align=center>SEARCH ENGINE</h1>
<ol>
<li>GOOGLE</li>
<li>CHROME</li>
<li>FIREFOX</li>
</ol>
<h1 align=center>COMPUTER LANGUAGES</h1>
<ul>
<li>HTML</li>
<li>PYTHON</li>
<li>JAVASCRIPT</li>
</ul></body></html>
Html codes based on list
4. write html code to create an ordered list of any five regional languages and unordered list
of any five states of India.
<!doctype html><head><title> ordered and unordered</title></head><body>
<h1 align=center>FIVE REGIONAL LANGUAGES</h1>
<ol>
<li>HINDI</li>
<li>URDU</li>
<li>MARATHI</li>
<li>MALYALAM</li>
<li>PUNJABI</li>
</ol>
<h1 align=center>FIVE STATES OF INDIA</h1>
<ul>
<li>MAHARASHTRA</li>
<li>BIHAR</li>
<li>UTTAR PRADESH</li>
<li> TAMIL NADU</li>
<li>PUNJAB</li>
</ul></body></html>
5. write html code to display continents in list.
<html>
<head>
<title>ordered list</title></head>
<body>
<h1 align=center>CONTINENETS </H1>
<ol>
<li>ASIA</li>
<li>EUROPE</li>
<li>AUSTARLIA</li>
<li>AFRICA</li>
<li>NORTH AMERAICA</li>
<li>SOUTH AMERICA</li>
<li>ANTARCTICA</li>
</ol>
<body>
</html>
Html codes based on list
6. write HTML code to display the following output.
<!DOCTYPE html><head><title>ordered and unordered list</title></head><body>
<h1 align=center>NESTED LIST EXAMPLE</h1>
<ol type=a><li>Animals</li>
<ul type=square><li>Mammals</li><ol type=a>
<li>Lion</li>
<li>Elephant</li>
<li>Whale</li>
</ol><li>Reptiles</li>
<ul type=square>
<li>snake</li>
<li>turtle</li>
<li>crocodile</li>
</ul></ul>
<li>Plants</li>
<ul type=square>
<li>Flowering</li>
<ol type=a>
<li>Rose</li>
<li>Tulip</li>
<li>Sunflower</li>
</ol>
<li>Non-flowering</li>
<ul type=square>
<li>Fern</li>
<li>Moss</li>
<li>Algae</li>
</ul></ul></ol></body></html>
Html codes based on list
7. write html code to create an ordered list of any three subjects names and list any three
topic under each subject using unordered list.
<!doctype html><html>
<head>
<title>three subjects</title>
</head><body>
<h1 align=center>THREE TOPIC UNDER EACH SUBJECT</h1>
<ol>
<li>PHYSICS</li>
<ul>
<li>CYCLOTRON ACCELERATION</li>
<li>WELL DEATH</li>
<li>BANKING OF ROAD</li>
</ul>
<li>CHEMISTRY</li>
<ul>
<li>VALENCE BAND THEORY</li>
<li>EFFECTIVE ATOMIC NUMBER</li>
<li>CLASSIFICATION OF UNIT CELL</li>
</ul>
<li>BIOLOGY</li>
<ul>
<li>ANATROPOUS OVULE</li>
<li>T.S OF ANTHER</li>
<li>CO-DOMINANCE</li>
</ul></ol>
</body></html>
8. write html code to create an unordered list of any two fruits(apple, mango) and nest the
list with three types of each.
<!doctype html>
<head><title>TWO FRUITS</title>
</head><body>
<h1 align=center>TWO FRUITS AND TYPES OF EACH</h1>
<ol>
<li>APPLES</li>
<ul>
<li>HONEY CRISP</li>
<li>GRANNY SMITH</li>
<li>GOLDEN DELICIOUS</li>
</ul>
<li>MANGO</LI>
<ul>
<li>ALPHONSO</li>
<li>ATAULFO</li>
Html codes based on list
<li>GIR KESAR</li>
</ul>
</ol>
</body>
</html>
9. write html code to create an ordered list having names of two friends. Add unordered list
of their hobbies under each names.
<!doctype html>
<head><title>TWO FRIENDS</title>
</head><body>
<h1 align=center>TWO FRIENDS AND TYPES OF EACH</h1>
<ol>
<li>ELSA</li>
<ul>
<li>PLAYING GUITAR</li>
<li>READING NOVELS</li>
<li>PLAYING FOOTBALL</li>
</ul>
<li>ANNA</li>
<ul>
<li>SINGING</li>
<li>COOKING</li>
<li>HIKING</li>
</ul>
</ol>
</body>
</html>
10. write html code to create to display any five subjects in an ordered list starting from "k" in
reverse order.
<!doctype html><html>
<head><title>ordered list reversed</title>
</head><body BGCOLOR=PINK>
<h1 align=center>FIVE SUBJECT </h1>
<ol type=a start=11 reversed>
<li >PHYSICS</li>
<li>BIOLOGY</li>
<li>MATHS </li>
<li>IT</li>
<li>CHEMISTRY</li>
</ol>
</body>
</html>
