Maharashtra Board Class 11 Information Technology Skill Oriented Practicals Chapter 2 Web Designing HTML 5 PDF Download

Web Designing (HTML - 5)

Skill Set 2 - HTML 5

SOP 1: Write A Program Using HTML With Following Specifications

The background colour should be green.

The text colour should be red.

The heading should be large in size as 'My First Web Page'.

Display a horizontal line after the heading.

Display your name in Bold, address in Italics and standard as 11th.

Teacher's Note

This is your first HTML project. It teaches you how to change the look of a webpage. Just like you wear different colored clothes, websites also wear different colors.

Exam Trick

Remember: bgcolor = background color. Think of it as painting the wall of your room green. The text color is like using a red pen to write on that green wall.

Points to Remember

bgcolor tag makes the background green.
The text tag makes text red.
The h1 tag makes the heading large.
The hr tag makes a horizontal line.
Use b tag for bold and i tag for italics.

SOP 2: Create A Web Page With Following Specification

Image of any scientist with an alternate text as his name.

Create a paragraph related to information of that scientist.

Create a table of his or her inventions.

Teacher's Note

This teaches you how to add pictures and information on a webpage. For example, you can add a photo of Nikola Tesla and write about his discoveries.

Exam Trick

Remember: The alt text is very important. It helps people who cannot see the picture. Always write the scientist's name in the alt text.

Points to Remember

Use img tag to add a picture.
Always use alt text with the scientist's name.
Write a paragraph using p tag with information about the scientist.
Use table tag to show inventions.
Make sure the table has headings and rows.

SOP 3: Create A Webpage With Following Specification

Display heading 'Application Form' in highest heading with center alignment.

Accept name, standard 11th or 12th with only one selection choice.

Submit the form.

Teacher's Note

This teaches you how to make a form. Forms are like the application forms you fill in your school office. The computer reads what you write and saves it.

Exam Trick

Remember: Use radio buttons for "only one selection". Radio buttons are like choosing one answer in a multiple choice test. You can only pick one option.

Points to Remember

Use h1 tag for the highest heading.
Use center tag to put the heading in the middle.
Use form tag to create a form.
Use input tag for name field.
Use radio buttons to choose only one standard.

SOP 4: Write A Program Using HTML With The Following Specification

A webpage with details about a class with total number of students-100, (Boys-50), Girls- 50 in tabular form.

Link this page to another page as follows.

STD - XI

Stream - Science

Div - A

Teacher's Note

This teaches you how to make tables and links in HTML. Tables help show information clearly. Links help you jump from one page to another, like in your school website.

Exam Trick

Remember: Use table, tr, th, and td tags for tables. Think of it like drawing boxes on paper. tr means row, th means heading, and td means data in the table.

Points to Remember

Use table tag to create a table.
Use tr tag for each row.
Use th tag for headings.
Use td tag for data in the table.
Use a tag to create links to other pages.

This is a preview of the first 3 pages. To get the complete book, click below.