SECTION 2 ADVANCED HTML
Structure
2.0 Advanced Topics of HTML
2.1 Exercises for Practice in Lab Sessions
2.0 ADVANCED TOPICS OF HTML
HTML is made up of many elements, a lot of which are overlooked. Although you can develop a Website with the basic knowledge of HTML, to take advantage of many of the advanced features, and to make pages fully compatible, it is useful to learn some of the advanced topics of HTML, like:
1. Frames
2. Forms
Frame pages are basically an HTML file which break the browser window up into separate parts or frames. In each frame a different HTML file can be loaded.
The basic idea of an HTML form is the same as that of a paper form. HTML deals with forms exactly the same way you would with a paper form. There are groups of items and single items all gathered together in one large form, like a paper form.
2.1 EXERCISES FOR PRACTICE IN LAB SESSION
SESSION 1
Exercises
1. How do you handle the situation when the browser doesn’t support frames?
2. What are inline frames?
3. Which tag is used to define frames in HTML?
SESSION 2
Exercises
1. Write an HTML code to develop a Web page having two frames that divide the Web page into two equal rows.
2. Write an HTML code to develop a Web page having two frames that divide the Web page into two equal rows and then divide the second row into two equal columns.
3. Write an HTML code to develop a Web page having frames as described in the above question and then fill each frame with a different background colour.
SESSION 3
Exercises
1. What are the tags used to display information for browsers that do not support frames?
2. Write the various attributes of frameset tag and frame tag.
3. Write a code in HTML to design a page with two frames. The frame should remain proportionate even when page is resized.
11 Advanced HTML
SESSION 4
Exercises
1. Write the code to develop a Web page, as shown below, using frames:
2. Write the code to make the background colour of each frame in the above question different.
3. Create a Web page divided into two equal frames.
SESSION 5
Exercises
1. Create a Web page having two frames, one containing links and the containing content of the links. When link is clicked, appropriate contents should be displayed in Frame 2.
2. Create a home page for a TLC in following format:
3. Create a Web page using all the attributes of the frame and other tags.
SESSION 6
Exercises
1. Design a page with a text box called ‘name’ and a button with label ‘Enter. When you click on the button another page should open, with the message “Welcome <name>”, where name should be equal to the name entered in the first page.
2. What are the values of method attribute of the form tag?
3. Set default value of ‘name’ text box of question 1 of this session to Victoria. Add another button called Reset on click of this button name ‘text box’ should be set to 100 default value.
SESSION 7
Exercises
1. Design a form using all input types.
TLC Information
Links Appropriate Information 12 Lab Manual
2. Create a simple form accepting:
Name
Enrolment Number
And Submit button
SESSION 8
Exercises
1. Design a Web Page, which is like ‘compose’ page of e-mail
To
Copy
Message:
Send
2. Which element is used to accept large text inputs from user?
3. Write a code to create a Web page having radio buttons labeled as name of colours. Clicking on each radio button should change the colour of the Web page.
SESSION 9
Exercises
1. What is the purpose of hidden field?
2. Create a form accepting the values:
Name
Address
Marks in 10 + 2, Graduation & Post Graduation
3. Which element is used to display a drop down list box?
SESSION 10
Exercises
1. Design a series of three HTML Pages for ABC. COM each called from the previous one. Accept Name on the first page. When the user clicks on the enter button, second page should open. The second page should not display the name but a ‘Welcome screen with some information about ABC.COM. When the user will click on the ‘next’ button it should display the name accepted in page 1 on page 3.
(Hint: you may use hidden fields)
2. Create a Web page; divide that page into two frames. In one frame create two links that will display different HTML forms in the other frame
