PLC141

USN 1 M S
(Autonomous Institute, Affiliated to VTU)
(Approved by AICTE, New Delhi & Govt. of Karnataka)
Accredited by NBA & NAAC with ‘A+’ Grade

SEMESTER END EXAMINATIONS – MAY 2023

Created by trial version of DocuFreezer

B.E :- Common to CSE / ISE / CSE(CY) /
Program : Semester : I
AI & DS / BT / AI & ML / CSE (AI&ML) / CV
Course Name : Introduction to Web Programming Max. Marks : 100
Course Code : PLC141 Duration : 3 Hrs

Instructions to the Candidates:

 Answer one full question from each unit.

UNIT - I
1. a) Briefly explain the HTML coding convention. CO1 (06)
b) Differentiate between old HTML and HTML5. CO1 (06)
c) Explain : i) <strong> ii) <em> iii) <b> iv) <u> elements with an CO1 (08)
example for each.

2. a) Write an HTML document that has six short paragraphs of text. Define CO1 (06)
three different paragraph styles p1, p2 and p3. The p1 style must use
left and right margins of 20pixels, a background color of yellow, and a
foreground color of blue. The p2 style must use font size of 18 points,
font name ‘Arial’ and a font style in italic form. The p3style must use a
text indent of1 centimeter, a background color of green, and afore
st th
ground color of white. The 1 and the 4 paragraph must use p1, the
nd th rd th
2 and 5 must use p2 andthe3 and 6 must use p3.
b) Explain : i) <block> ii) <pre> iii) <pharsing> iv) <cite> elements with CO1 (08)
an example for each.
c) Differentiate between the following HTML tags with suitable examples: CO1 (06)
i) h1 and div
ii) hr and vr
iii) body and title.

UNIT - II
3. a) Explain the tag-based multimedia in HTML documents with an example. CO2 (10)
b) Explain the concept of Client-Side Graphics with <canvas>. CO2 (10)

4. a) Write a short note on Loose syntax Returns and XHTML5. CO2 (10)
b) HTML5 documents contain a header element, which is used to set the CO2 (05)
header section of a document and thus often contains the standard h1 to
h6 heading elements. With an example, mention all six header elements
in it.
c) Why is Marking Text important? Justify. CO2 (05)

UNIT - III
5. a) Explain type selectors and universal selectors with suitable examples. CO3 (06)
b) Create a Web page that uses HTML and CSS to contain texts with CO3 (08)
different background colors, different types of font with varying opacity.
c) What does “cascading” mean in the term “Cascading Style Sheets”? CO3 (06)
Explain.

Page 1 of 2
 PLC141
6. a) What is the syntax for the element that links a web page to an external CO3 (06)
CSS file? Illustrate with an example.
b) Write a web program to include the following text: CO3 (08)
“Web programming refers to the writing, markup and coding
involved in Web development, which includes Web content, Web

Created by trial version of DocuFreezer

client and server scripting and network security. The most common
languages used for Web programming are XML, HTML, JavaScript, Perl 5
and PHP.” This content is placed in a border with sufficient padding and
thick borders. The text is indented to 4em, right aligned.
c) Discuss the HSL and HSLA Values for Color. CO3 (06)

UNIT- IV
7. a) What are the different types of href values? Explain with an example. CO4 (06)
b) What is the need of thead and tbody elements in CSS? Write a source CO4 (07)
code in CSS to display the following table which shows average annual
Global temperature.

c) What are the various Table elements used in CSS. Write a source code CO4 (07)
for Wind Disasters web page in CSS.

8. a) List and describe any three structural pseudo class selectors used in CO4 (09)
CSS. Write CSS code for Power Table Web Page.
b) Identify the need of “a element” in CSS, illustrate with example. CO4 (05)
c) What are the Common formats for web page bitmap image files and CO4 (06)
explain.

UNIT - V
9. a) Name the purpose of Java script (JS). Write JS code display hello world! CO5 (07)
b) What is Document Object Model (DOM) and what are the three ways to CO5 (08)
access the nodes in the node tree. Write a DOM node tree for any simple
web page.
c) Explain the coding conventions used in Onchange Event Handler with an CO5 (05)
example.

10. a) Define Text Control in JS with its Syntax. Write Email Address Generator CO5 (10)
Web Page using Text Control.
b) What are the common event-handler attributes and their associated CO5 (10)
events? Use different event handler to implement Scraps the Dog web
page in JS.

********************************

Page 2 of 2