0% found this document useful (0 votes)
20 views4 pages

HTML Programs for Lists and Forms

The document contains multiple HTML programming exercises that demonstrate how to create ordered and unordered lists, as well as how to use inline CSS for styling. It includes examples for displaying advantages of e-commerce, hobbies of friends, and lists of flowers and fruits. Additionally, there is a form for student details that collects roll numbers and marks.

Uploaded by

ammarmomin416
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
20 views4 pages

HTML Programs for Lists and Forms

The document contains multiple HTML programming exercises that demonstrate how to create ordered and unordered lists, as well as how to use inline CSS for styling. It includes examples for displaying advantages of e-commerce, hobbies of friends, and lists of flowers and fruits. Additionally, there is a form for student details that collects roll numbers and marks.

Uploaded by

ammarmomin416
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Html 5 Program

<h1 align="center" style="font-family:arial">


[Link] a html program to display "Digital world"
having underline using inline CSS. Add an ordered list E-Commerce</h1>
having any two advantages of it.
<h2>Advantages</h2>
Coding:
<ol>
<!DOCTYPE html>
<li>Lower Prices</li>
<html>
<li>Wide product variety</li> </ol>
<head>
</body>
<title>Digital India</title>
</html>
</head>

<body>
[Link] a html program to display "Cyber world"
<h1 align="center" style="text- having Arial font and background colourcyan. Add any
decoration:underline">Digital India</h1> two advantages having blue color for the text.
<h2>Advantages</h2> Coding:
<ol> <!DOCTYPE html>
<li>Access to the public service center within their <html>
locality will be made easy</li>
<head>
<li>Shareable private space on a public cloud</li>
</ol> <title>

</body> Cyber World

</html> </title>

<style>

[Link] a html program to display "Ecommerce" h1 font-family:arial;background-color:cyan)


having "Arial" font using inline CSS. Add an ordered Ubicolor blue)
list having any two advantages of it.
</style>
Coding:
</head>
<!DOCTYPE html>
<body>
<html>
<h1 align="center">Cyber World</h1>
<head>
<h2>Advantages</h2>
<title>
<b>Social Networking</b>-<br>
ECommerce
<i>You can download games and music</i>
</title>
</body>
</head>
</html>
<body>
[Link] a html program to create an ordered list 5. Write a html program to create an
having names of two friends. And unordered list of unordered list having names of two students
their hobbles under each name as shown below, Add ordered list of subjects they selected as
shown below. . Rupali
Code: Coding:
<!Doctype html> <!DOCTYPE html>
<html>
<html> <head>
<head><title>Hobbies</title></head> <title>
Subjects offered
<body> </title>
</head>
<ol>
<body>
<li>Anil</l> <ul type="disc">
<li>Sanjana</I>
<ul type = "circle">
<ol>
<li>ancing</li> <li>Maths</H>
<li>English</li>
<li>Reading</li> </ol>
</ul> <li>Ritika</li>
<ol>
<li>Ajay</li> <li>Hindi</li>
<ul type = "circle"> <li>Biology</li>
</ol>
<li>Swimming</li> </ul>
</body>
<li>Sketching</li>
</html>
</ul>

</ol> </body> Output:


 Sanjana
</html> 1. Maths
>Swimming</li> 2. English
 Ritika
>Sketching</li> 1. Hindi
</body> 2. Biology

</html>

output
1. Anil

o Dancing
o Reading

2. Ajay

o Swimming
o Sketching
Q: Write a html program to create a list of 5 <ol>
flowers in ordered list and list of 5 fruits in <li>English</li>
unordered list. <li>Hindi</li>
Coding: </ol>
<!doctype html> <h2>Computer Languages</h2>
<html> <ul>
<head> <li>Python</li>
<title> <li>C++</li>
Flowers & Fruits <li>Java</li>
</title> </ul>
</head> </body>
<body> </html>
<h1 align="center">Flowers & Fruits</h1> Output:
<h2>Flowers</h2> Ordered & Unordered List
<ol> Languages Used for Speaking
<li>Rose</li> 1. English
<li>Lily</li> 2. Hindi
<li>Tulip</li> Computer Languages
<li>Orchid</li>  Python
<li>Amber</li>  C++
</ol>  Java

<h2>Fruits</h2> Q. Write a html program to create a form to


<ul> accept students roll nolle format), Unit test
<li>Apple</li> markstmaximum 30 markal, Terminal exam
<li>Grapes</li> markalmad 80 marksl. Include the name of
<li>Mango</li> the Subject teacher and send the date to the
<li>Strawberry</li> sens
<li>Blueberry</li> Ans: Coding
</ul> <!doctype html>
</body> <html>
</html> <head>
<title>
Q. Write a html program to create an ordered Student Details
list of 2 languages used for speaking and </title>
unordered list having 3 computer languages. </head>
Coding: <body>
<!doctype html> <h1 align="center">Student Details</h1>
<html> <form name="f1”>
<head> Enter RollNo of Student:
<title> List in HTML</title> <input type="number" name="r1"><br><br>
</head> Enter Unit Test Marks
<body> <input type="number" name="t1"
<h1 align="center">Ordered & Unordered List max="30"><br><br>
</h1> Enter Terminal Marks
<h2>Languages Used for Speaking</h2> <input type="number" name="t2"
max="80"><br><br>
Enter Name of the Subject Teacher:
<input type="text" name="t3"><br><br>
<input type="submit" name="b1">
< /form>
</body>
</html>

You might also like