Go back

Coding Activities by Abdur Rehman

Animation

In this activity, learn about CSS animation.

Gradients

In this activity, learn how to use gradients used in CSS.

Background

In this activity, learn about different background properties.

CSS Styling Examples

In this activity, learn how to use inline, internal, external CSS and also learn about Element, class ,id and global selectors

Here’s a Drop Down

Write a program to create a webpage to enter marks of 3 different subjects for different students and display the average for these three subjects. To select a value of the subject, create a drop-down list using the select element of HTML.

Group The Form Fields

Write a program to create a webpage to collect personal details like - email, name, gender, and date of birth by using the form element of HTML. Make sure you group these fields by using the fieldset element and give a caption to it as well.

Personal Details Form

Write a program to create a webpage to collect personal details like - email, name, contact number(masked information), gender, and favourite city by using the form element of HTML.

Semantics HTML

Write a program to create a webpage using various semantic elements live - header, nav, footer, section, article, aside etc., by including the content of your choice.

Iframe

In this activity, learn about how to use iframe in HTML.

Audio and Video

Write a program to create a webpage with audio and video added to it using HTML.

Image

Write a program to create a webpage with an image added to it using HTML.

Table

In this activity, learn about the Table tag used in HTML.