Scribd
Upload
93 views6 pages

HTML Exercises for Web Programming

The document outlines exercises for 11 sessions on HTML programming. It provides instructions for creating web pages with various tags, tables, frames and forms. Students are to submit the output of all exercises in a specified format, with marks distributed across the sessions and other criteria like indentation and extra work. The deadline for submission is Friday, 18 March, 2011.

Uploaded by

Saddam Niazi
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
93 views6 pages

HTML Exercises for Web Programming

The document outlines exercises for 11 sessions on HTML programming. It provides instructions for creating web pages with various tags, tables, frames and forms. Students are to submit the output of all exercises in a specified format, with marks distributed across the sessions and other criteria like indentation and extra work. The deadline for submission is Friday, 18 March, 2011.

Uploaded by

Saddam Niazi
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd

Assignment#04

(Web Programming)
Dead Line: Friday, 18 March, 2011

HTML EXERCISES

Session 1: Introduction to HTML

Exercise:

1. Write HTML code to develop a web page having the background in red and
title “My First Page” in any other color.
2. Create a HTML document giving details of your name, age, telephone, address,
TLC code & enrollment no. aligned in proper order?
3. Write HTML code to design a page containing a text in a paragraph give
suitable heading style.

Session 2: Tags in HTML

Exercise:

1. Create a page to show different attribute of Font tag.


2. Create a page to show different attribute italic, bold, underline.
3. Design a page having background color given text color red and using all the
attributes of font tab.
Session 3: Tags in HTML

Exercise:

1. Write a HTML code to create a web page of blue color and display links in red
color.
2. Write HTML code to create a WebPages that contains an Image at its center.
3. Create a web page with appropriate content and insert an image towards the
left hand side of the page when user clicks on the image. It should open another
web page.

Session 4: Tags in HTML

Exercise:

1. Create a web Page using href tag having the attribute alink, vlink etc.
2. Create a web page, when user clicks on the link it should go to the bottom of
the page.
3. Write a HTML code to create a web page of pink color and display moving
message in red color.

Session 5: Tags in HTML

Exercise:

1. Create a web page, showing an ordered list of name of your five friends.
2. Create a HTML document containing a nested list showing the content page
of any book
3. Create a web page, showing an unordered list of name of your five friends.
Session 6: Tags in HTML

Exercise:

1. Create a web page which should contain a table having two rows and
two columns.
2. fill in the data in the table created by you in question 1.
3. create the following table in HTML with Dummy Data

Destinatio Train
Name of Place n No. Time Fair
train Arrival Departure

Session 7: Tags in HTML

Exercise:

1. Create the following


table a.
Color (White)
RED GREEN BLACK

b.
Weather DELHI MUMBAI
40 35

2. 2. Write HTML code to create a web page that contain an image at the
center of the page.
3. 3. Write HTML code to generate following output

1 2 3 4
5 6
Image
7 8
9 10 11 12
Session 8: Frames in HTML

Exercise:

1. Create a web page which should divide page into two equal frames

Frame1 Frame2

2. Create a web page which should generate following output:

Frame2
Frame1
Frame3

3. Create a web page having two frames one containing lines and another with contents of
the link. When link is clicked appropriate contents should be displayed on Frame 2.

Session 9: Frames in HTML

Exercise:

1. 1. Create a home page for a TLC in following format

TLC Information
Appropriate
Links
Information
Session 10: Frames in HTML

Exercise:

1. 1. Create a web page using all the attributes of the frame and
other tags learned till now.

Session 11: Forms in HTML

Exercise:

1. Design a form using all input types.


2. Create a simple form accepting
Name Enrollment No.
and Submit button
Final Output
The output of the whole exercise should be submitted in the following format.

Session 1:
Session 2: Session 1
Session 3:
Session 4:
Session 5: Exercise 1:
Session 6: Exercise 2:
Session 7: Exercise 3:
Session 8:
Session 9: As we click on the one of the above link, the page should be
Session 10: open in the same window. e.g. If we click on link Exercise 1:
Session 11: and the new screen should be look like below one.

Session 1:
Session 2: Exercise 1
Session 3: Exercise 2:
Session 4: Exercise 3:
Session 5:
Session 6: This is the out put of the Exercise 1 link. This should be work
Session 7: for all of the sessions.
Session 8:
Session 9:
Session 10:
Session 11:

Marks Distribution
Modules Description Weight/Marks
Session 01 As described in question. 05
Session 02 05
Session 03 05
Session 04 10
Session 05 05
Session 06 10
Session 07 10
Session 08 05
Session 09 10
Session 10 10
Session 11 10
Comments + Indentation Should be proper 05
Bonus !!! Any Extra Work 10

Common questions

Powered by AI

The document's focus on traditional HTML tags and structures lays a solid foundation for understanding web page anatomy . However, it falls short in preparing students for modern web development due to a lack of integration with CSS for styling and JavaScript for dynamic behaviors. To better equip learners for real-world development, exposure to these technologies alongside HTML would be necessary, reflecting current industry standards and practices .

Exercises that require creating nested lists serve to illustrate the hierarchy and organizational capabilities of HTML. They help students understand how lists can be structured within each other to represent complex data sets like book content pages . These exercises reinforce cognitive understanding of data organization in HTML and demonstrate the language's ability to handle tree-like structures essential for semantic web design .

The document introduces HTML concepts through a series of structured exercises, starting with basic HTML coding tasks such as writing simple pages with styled text and background colors . As the sessions progress, it covers more complex topics such as using different HTML tags, creating lists, and designing tables. By the end, the exercises include designing frames and forms, utilizing HTML attributes learned in earlier sessions . This sequential approach helps solidify foundational skills before moving onto more complex HTML structures.

The document introduces forms by having students create inputs for name, enrollment numbers, and submit buttons, reflecting the fundamental role of forms in data collection and user interaction on websites . By using various input types, students learn to design forms that enhance user experience and capture data effectively, which is crucial in areas like e-commerce and membership sites .

The document introduces HTML frames by having students create multi-framed layouts. These exercises help understand frame tags and attributes for dividing the browser window . By creating pages that adjust frame content dynamically upon clicks, students explore more advanced applications of frames in web navigation. However, frames have become less popular due to modern web standards advocating for CSS layouts, which the exercises do not address .

Using tags correctly in HTML is crucial for defining the structure and style of a webpage. In these exercises, tags are used to create elements such as text styles, links, images, lists, and tables . Proper use of tags ensures that the webpage renders correctly in browsers, maintains accessibility, and adheres to web standards. The exercises reinforce the critical role tags play in page layout and functionality .

The HTML exercises incorporate the use of the <a> tag by asking students to create links that demonstrate attributes like alink and vlink, navigation within a page using anchor links, and linking to other pages . These tasks explore functionalities such as hyperlinking, page navigation, and modifying link colors, which are essential skills for managing multi-page websites and improving user experience .

The document employs strategies like placing images centrally or on the left side of the page, and linking images to open another webpage upon clicking . These exercises teach embedding images using the <img> tag and combining it with link tags for interactive image functionality. Students learn practical components of web design, such as image positioning, linking, and enhancing visual appeal of web pages .

The structured session format benefits learners by breaking down HTML topics into manageable tasks, which builds comprehension gradually . Sessions starting with simple concepts and advancing to complex ones support incremental learning. However, the limitation lies in the heavy dependence on HTML-only aspects, potentially not covering modern web design techniques like CSS and JavaScript integration, which are critical for contemporary web development .

The exercises ensure understanding by requiring students to create both ordered and unordered lists, providing hands-on practice with list tags . This includes creating a nested list, which demonstrates the hierarchy and nesting capabilities within HTML. By specifying tasks such as listing friends' names or a book's content page, the exercises apply lists in real-world contexts, reinforcing their practical utility and structure .

You might also like