Introduction To Web Programming Scheme & Solution - CIE1
Uploaded by
yogeesh2006rIntroduction To Web Programming Scheme & Solution - CIE1
Uploaded by
yogeesh2006rP.E.
S COLLEGE OF ENGINEERING MANDYA – 571401, KARNATAKA
(An Autonomous Institution affiliated to VTU Belagavi, Aided by the Govt. of Karnataka)
Second Semester - B.E Continuous Internal Evaluation –I
Scheme & Solution - Introduction to web programming (P24PLC2051)
Common to CSBS, CS&E(DS) and IS&E
Course Title: Introduction to web Programming Course Code: P24PLC2051
Prepared By: Dr.Geethanjali T M (CSBS)
Question Marks
Solution
Number Allocated
I:PART A
1a. HTML Is Not Case Sensitive, XHTML Is Case Sensitive
Attribute values are not case sensitive in HTML, Attribute values are case sensitive.
(X)HTML Is Sensitive to a Single Whitespace Character
(X)HTML Follows a Content Model. 2
Elements Should Have Close Tags Unless Empty in XHTML.
Unused Elements should be Minimized in XHTML.
Elements Should Nest. (any 2)
Attributes Should Be Quoted in XHTML.
b. HTML5 follows loose syntax rule (1 M)
2
Justify with example (1M)
1
c. * (1M)
II: PART – B
UNIT-I
2a.
4M
Explanation 3M
Scheme & Solutions Page 1
!DOCTYPE html>
b. <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> Lists</title>
</head>
<body>
<p>
<ol>
<li> CSBS
<ol>
<li> Ravi</li>
<li> Raju</li>
</ol>
</li>
<li> CS&E(DS)
<ol>
<li> Sushma</li>
<li> Swetha</li> 7
</ol>
<li> IS&E
<ol>
<li> Gopi </li>
<li> Reshma</li>
</ol>
</li>
</ol>
</p>
</body>
</html>
Tags Attributes
c. <html> Border
<head> cellspacing
<title> cellpadding
<body> align
<table>
<caption>
<tr>
<th>
<td> 7
Identifying tags and attributes 2M
Explanation of tags and attributes3M
Output 2M
Scheme & Solutions Page 2
UNIT-II
3a.
Any 4 elements with explanation and example (7M)
b. <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Circle</title>
<script type="text/javascript">
window.onload = function(){
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var rg = context.createLinearGradient(10,150,250,250);
rg.addColorStop(0.5,"red");
rg.addColorStop(0.3, "yellow");
context.fillStyle = rg;
/* draw circle */
context.beginPath();
context.arc(150,150,100,0,Math.PI*2,true);
context.fill(); 7
}
</script>
</head>
Scheme & Solutions Page 3
<body>
<canvas id="canvas" width="300" height="300">
</canvas>
</body>
</html>
Semantic tags used
c. aside
main
footer
mark
figure identify any 5tags with explanation
figcaption
article
header
footer 7
section
details
summary
UNIT-III
Class selector explanation with example 3 ½ M
4a. Id selector explanation with example 3 ½ M
Html file 4M ( can use any supportive selectors also)
b. 7
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>External Style Sheet</title>
<link rel="stylesheet" href="external.css" >
</head>
<body>
<p class="red">
Web
</p>
<p class="green">
Programming 7
</p>
</body>
</html>
CSS file 3M
.red {color: red;}
.green {color: green;}
********************************** END ******************************
Scheme & Solutions Page 4
Scheme & Solutions Page 5
