Scribd
Upload
27 views2 pages

HTML Programs for Forms and Lists

The document contains five HTML programs demonstrating various functionalities. Program 1 creates a form for student details, Program 2 displays 'E-commerce' with advantages using inline CSS, Program 3 shows 'Cyber world' with specific styles, Program 4 lists flowers and fruits, and Program 5 presents a nested list of friends and their subjects. Each program includes relevant HTML structure and styling to achieve the desired output.

Uploaded by

ujwlagupta
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
27 views2 pages

HTML Programs for Forms and Lists

The document contains five HTML programs demonstrating various functionalities. Program 1 creates a form for student details, Program 2 displays 'E-commerce' with advantages using inline CSS, Program 3 shows 'Cyber world' with specific styles, Program 4 lists flowers and fruits, and Program 5 presents a nested list of friends and their subjects. Each program includes relevant HTML structure and styling to achieve the desired output.

Uploaded by

ujwlagupta
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 programs

Program1:
Write an HTML program to create a form to accept student’s roll no(In number format), Unit Test
Marks(Maximum 30), Terminal exam marks(Maximum 80). Include the name of the subject teacher
and send data to the server. Also create reset button.

<html>
<head><title>Student details</title></head>
<body>
<form>
<H1 align="center">Student details</H1>
Enter roll number <input type="number"><br><br>
Enter Unit Test Marks <input type="number" max="30"><br><br>
Enter Terminal Exam Marks <input type="number" max="80"><br><br>
Enter the name of subject teacher<input type="text"><br><br>
<input type="submit" value="Send">
<input type="reset" value="Clear">
</form></body></html>

Program2:
Write an HTML program to display “E-commerce” having Arial font using inline CSS. Add an ordered
list having any two advantages of it.

<html>
<head><title>Inline CSS </title></head>
<body>
<H1 align="center" style="font-family:Arial">E-Commerce</H1>
Advantages:<br>
<ol>
<li>Lower Prices</li>
<li>Wide variety of products</li>
</ol>
</body></html>

Program3:
Write an HTML program to display “Cyber world” having verdana font and with orange background
color using inline CSS. Add an ordered list having any two advantages of it in blue font color using
inline CSS.

<html>
<head><title>Internal CSS </title>
<style>
h1{font-family:verdana;background-color:orange}
ol{color:blue}
</style>
</head>
<body>
<h1 align="center">Cyber World</h1>
<h3>Advantages:</h3>
<ol>
<li>Social Networking</li>
<li>Uploading and downloading of files</li>
</ol>
</body></html>
Program4:
Write an HTML program to create a list of 5 flowers in ordered list and list of 5 fruits in unordered
list.

<html>
<head><title>Flowers and fruits</title></head>
<body>
<h1 align="center"> Flowers and fruits </h1>
<h2> Flowers </h2>
<ol>
<li>Lily</li>
<li>Tulip</li>
<li>orchid</li>
<li>Rose</li>
<li>Lotus</li>
</ol><br>
<h2> Fruits </h2>
<ul>
<li>Peach</li>
<li>Grapes</li>
<li>Mango</li>
<li>Orange</li>
<li>Jackfruit</li>
</ul></body></html>

Program5:
Write an HTML program to create an unordered list having names of two friends. Add ordered list
of subjects they selected.

<html>
<head><title>Students and their subjects</title></head>
<body>
<H1 align="center">Nested list</h1>
<ul>
<li>Meena</li>
<ol>
<li>I.T.</li>
<li>Maths</li>
</ol>
<li>Reena</li>
<ol>
<li>Hindi</li>
<li>Geography</li>
</ol>
</ul></body></html>

You might also like