Scribd
Upload
2 views

VL2024250502608_AST01

The document outlines lab experiments for the SWE1008 Web Technologies Lab course for Winter 2024-25, led by Dr. Mohanraj G. It includes tasks such as formatting text with HTML, creating lists, displaying images, designing tables, and developing static web pages for an online student information system. Additionally, it covers the use of image maps, progress bars, and frames in web design.

Uploaded by

Sai Sravan Kamisetty
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
2 views

VL2024250502608_AST01

The document outlines lab experiments for the SWE1008 Web Technologies Lab course for Winter 2024-25, led by Dr. Mohanraj G. It includes tasks such as formatting text with HTML, creating lists, displaying images, designing tables, and developing static web pages for an online student information system. Additionally, it covers the use of image maps, progress bars, and frames in web design.

Uploaded by

Sai Sravan Kamisetty
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/ 4

School of Computer Science Engineering & Information Systems (SCORE)

Common Challenging Lab Experiments

Semester : Winter 2024-25


Course : SWE1008 – Web Technologies Lab
Assessment : Using HTML and CSS
Faculty Incharge : Dr. Mohanraj G

1. Formatting Text using HTML

a. Print the squares of the numbers 1 - 20. Each number should be on a separate
line, next to it the number 2 superscripted, an equal sign and the result.
b. Prints 10 names with a line break between each name. The list should be
alphabetized, and to do this place a subscripted number next to each name
based on where it will go in the alphabetized list. (Example: Alan1). Print
first, the unalphabetized list with a subscript number next to each name, then
the alphabetized list. Both lists should have an <h1> level heading.
c. Print two lists with any information you want. One list should be an ordered
list, the other list should be an unordered list
d. Print a list which starts with 7 with the type i
e. Prints an h1 level heading followed by a horizontal line whose width is 100%.
Below the horizontal line print a paragraph relating to the text in the heading.
f. Print a definition list with 5 items
g. Print two addresses in the same format used on the front of envelopes (senders
address in top left corner, receivers address in the center)
Print ten acronyms and abbreviations of your choosing, each separated by two
lines. Specify the data that the abbreviations and acronyms represent
2. i. Display five different images. Skip two lines between each image. Each image
should have a title.
ii. Display an image that has a border of size 2, a width of 200, and a height of
200.
iii. Display the image towards the right corner of the webpage
3. Use below design to create the table, and add images in the background, colors,
and different style of fonts.
4. This exercise involves image maps. Your task is to take the picture of “India Map” and
create the four clickable areas are in so they link to the following pictures or other
html files:
State 1: link to state1popular.html [use a polygon area]
State 2: link to state2popular.jpg [use a rectangular area]
State 3: link to state3popular.html [use a circular area]
Srilanka: link to srilankamap.jpg [use a polygon]

5. Develop static web pages using HTML (form) and CSS of an online student
information system. The pages should resemble our VTOP. The website should
consist of the following pages.
• Home page
• Registration and user Login (Practice all form controls)
• User Profile Page
• Course Page
• Grade history

6. Design the web page using progress bar, add the background music to the web page.
7. Design a following Page using HTML (Frames) and CSS.

8. Design the below newspaper page using HTML and CSS.

You might also like