Vivekananda Institute of
Professional Studies
Vivekananda School of Information Technology
Bachelor of Computer Applications
Web Technology-Lab Practical
SUBMITTED TO: SUBMITTED BY:
DR. VANI NIJHAWAN SSUHAVI KAAUR
Sn. Assistant professor Enr no.:08929802025
VSIT, VIPS BCA-1 EB
PAGE
S NO. NAME OF THE PROGRAME DATE SIGNATURE
NO.
Practical 1:
Make the following five different web pages:
i. Formatting Styles and Headings: Include Bold, italics, Underline, Strike,
Subscript, superscript and all six type of headings
[Link] Styles and Image tag.
[Link]: Move text, image and hyperlink
[Link] tags: br. hr. pre, p Include following Specifications:
In all these web pages only mention about use, attributes apply them.
Insert a background image on home page
Make all the topics as hyperlinks and go to some other page for description
Insert a marquee showing HTML Tutorial as moving text.
Use different font style for different topics
Onevery page, make a hyperlink for going back to home page and internal link also.
HOME PAGE:
Output:
PAGE 1: FORMATTING STYLES AND HEADING:
Output:
PAGE 2: FONT STYLES AND IMAGE TAG:
Output:
PAGE 3: MARQUEE- MOVE TEXT, IMAGE AND HYPERLINK:
Output:
PAGE 4: OTHER TAGS- br, hr, pre, p :
Output:
Practical 2:
Create an unordered list nested inside ordered list and apply the following:
Insert an image of Main item on top right corner of web page.
Display heading as a marquee.
Use different font styles and colors for different ordered list items.
Insert horizontal line after each ordered item
Output:
Practical 3:
Designa tablewith row span and column span and make use of attributes
colspan, rowspan, width, height, cell padding, cellspacing etc.
Output:
Practical 4:
Design The following frame
Output:
Practical 5:
Make an image map showing the usage of shape, coords. href attributes in
map definition. Link each hotspot to their respective details. All the web
pages should be designed with proper background color, images, font styles
and headings.
Output:
Practical 7:
Create a webpage and show the usage of inline, internal, and external style
sheet
Output:
Practical 8:
Create a webpage with a background image and apply all background styling
attributes
Output:
PRACTICAL 9:
Create a webpage showing the usage of font styling attributes
Output:
Practical 10:
Create a webpage and apply all Text styling attributes using ID & Class
selectors
Output:
Practical 13:
Create a webpage containing a bootstrap table
Output:
Practical 14:
Create a webpage containing various types of images
Output:
Practical 15:
Create a webpage containing various types of buttons.
Output:
Practical 16:
Create a webpage containing various typography classes (Bootstrap)
Output:
Practical 17:
Create a webpage displaying heading using Jumbotron (Bootstrap 4)
Output:
Practical 18:
Write a program to show usage of inbuilt functions & dialog boxes
Output:
Practical 19:
Write a program to show usage of alert box & confirm box
Output:
APPLICATION BASED QUESTIONS
2) Design a website and apply all the features of html, css, javascript and
bootstrap to make the website attractive .
Output:
3.) Write a JavaScript function that creates a table, accepts row, column
numbers from the users , and inputs row column numbers as content ([Link]-
0,column-0) of a cell .
Output:
4) Zebra stripped tables: Setting different background colours for alternate rows
is a popular technique to improve the readability of tables with large amounts of
data. This is commonly known as a zebra stripping table. Make use of pseudo
class to create a zebra stripped table.
Output:
5) Create a questionnaire related to any topic of your choice by using form
elements .
Code:
Output:
Practical 20:
Write a program to implement event handling using one
click,onmoueseover and onmouseout events.
Output:
Practical 21:
Write a program to show the usage of all the date, math and string
object functions
Output:
Practical 22:
Write a program to display the bookstore details in XML with CSS and
internal DTD.
Output: