Scribd
Upload
15 views10 pages

HTML, CSS & JS Practical Experiments

The document outlines a practical file for HTML, CSS, and JavaScript experiments conducted by Agastya Maurya. Each experiment includes an aim, program code, and a note about the output displayed in a browser. The experiments cover various topics such as lists, tables, forms, image maps, text analysis, CSS styling, and form validation.

Uploaded by

AGASTYA MAURYA
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
15 views10 pages

HTML, CSS & JS Practical Experiments

The document outlines a practical file for HTML, CSS, and JavaScript experiments conducted by Agastya Maurya. Each experiment includes an aim, program code, and a note about the output displayed in a browser. The experiments cover various topics such as lists, tables, forms, image maps, text analysis, CSS styling, and form validation.

Uploaded by

AGASTYA MAURYA
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, CSS & JavaScript Practical File

Name: Agastya Maurya

Experiment 1: HTML Lists & Tables

Aim: To create lists and tables using HTML.


Code:

Program Code:
<html>
<head><title>Sample</title></head>
<body>
<h1>Hello World</h1>
</body>
</html>

Output: Browser style output shown below.


Experiment 2: Home Page with Links

Aim: To create a homepage with navigation links.

Program Code:
<html>
<head><title>Sample</title></head>
<body>
<h1>Hello World</h1>
</body>
</html>

Output: Browser style output shown below.


Experiment 3: Login & Registration Form

Aim: To design login and registration forms.

Program Code:
<html>
<head><title>Sample</title></head>
<body>
<h1>Hello World</h1>
</body>
</html>

Output: Browser style output shown below.


Experiment 4: Image Map

Aim: To implement image maps with hotspots.

Program Code:
<html>
<head><title>Sample</title></head>
<body>
<h1>Hello World</h1>
</body>
</html>

Output: Browser style output shown below.


Experiment 5: Text Analyzer

Aim: To count characters, words, and lines using JS.

Program Code:
<html>
<head><title>Sample</title></head>
<body>
<h1>Hello World</h1>
</body>
</html>

Output: Browser style output shown below.


Experiment 6: CSS & Validation

Aim: To apply CSS styles and validate forms.

Program Code:
<html>
<head><title>Sample</title></head>
<body>
<h1>Hello World</h1>
</body>
</html>

Output: Browser style output shown below.


Experiment 7: Advanced CSS

Aim: To use fonts and background images.

Program Code:
<html>
<head><title>Sample</title></head>
<body>
<h1>Hello World</h1>
</body>
</html>

Output: Browser style output shown below.


Experiment 8: Number to Words

Aim: To convert numbers to words using JS.

Program Code:
<html>
<head><title>Sample</title></head>
<body>
<h1>Hello World</h1>
</body>
</html>

Output: Browser style output shown below.


Experiment 9: Shopping Cart

Aim: To design a simple shopping cart.

Program Code:
<html>
<head><title>Sample</title></head>
<body>
<h1>Hello World</h1>
</body>
</html>

Output: Browser style output shown below.


Experiment 10: Form Validation

Aim: To validate registration form fields.

Program Code:
<html>
<head><title>Sample</title></head>
<body>
<h1>Hello World</h1>
</body>
</html>

Output: Browser style output shown below.

You might also like