[go: up one dir, main page]
Scribd
Upload
37 views3 pages

AppDevLab Ex1

This document provides examples of HTML code to design various web pages with different features like profiles, menus, lists, images, links, forms, tables and frames. It includes examples of adding images, links, lists, frames, tables, forms, images maps and more to create interactive and informative web pages.

Uploaded by

sanjaikumar.mani
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
37 views3 pages

AppDevLab Ex1

This document provides examples of HTML code to design various web pages with different features like profiles, menus, lists, images, links, forms, tables and frames. It includes examples of adding images, links, lists, frames, tables, forms, images maps and more to create interactive and informative web pages.

Uploaded by

sanjaikumar.mani
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
You are on page 1/ 3

Ex.No.

1: Creation of Static web pages using HTML


1.a. Design the following web page using HTML.

1.b. Design a web page using HTML to display your profile. Use your digital image as a link.
When the image link is clicked, a new page opens with the following links.

• Academic profile

• List of Mini Projects done

• Personal Profile

In each of the above links, provide a link “HOME” that will return to your first page.

1.c. Design the following web page using the concept of navigation frames.

MENU Click on the choice of your favorite flower links in the left frame

• Rose in order to view the details of your favorite flower in the right

• Jasmine frame.

• Lotus
1.d. Design the following web page using HTML to demonstrate the concept of nested
lists.

• Coffee

• Tea

o Black Tea

o Green Tea

▪ China

▪ Africa

• Milk

1.e. Design a web page using HTML with the following.

i. To embed an image map in a web page

ii. To fix the hot spots in that map

iii. Show all the related information when the hot spots are clicked.

1.f. Design a Drop-down List in HTML with the following options.

i. Brinjal

ii. Potato

iii. Tomato

iv. Carrot

v. Raddish

1.g. Reverse the following text using HTML text direction tag.

“Web Technology”

Design a web page using HTML that contains a link – NITT. When

the link is clicked, it will open the website “http://www.nitt.edu” in

a new browser window.


1.h. Design a Form as shown below to implement the Checkbox and Radio button.

Choose any ONE of your favorite Car from the following.

o BMW

o BENZ

o MARUTI

Choose your favorite colors from the following.

 RED

 GREEN

 VIOLET

 NAVY

1.i. Design a Marquee that scrolls the text “WELCOME” from right to left across the

browser window. Set the background color to Marquee as RED and Text color as

WHITE. Also set the background color to the Web page as BLUE.

1.j. Write XHTML markups to accomplish each of the following:

a. Insert a framed Web page, with the first frame extending 500

pixels across the page from the left side.

b. Insert a table with a border of 7.

c. Indicate alternate content to a frameset.

d. Insert an image map in a page using deitel.gif as an image and

map with name ="hello" as the image map, and set the alt text to “hello”.

______________________________________________________________________________

You might also like