Mid Term Question
CS201 MID TERM SOLVED MCQs || PAST PAPERS || GROUP-1 || INTRODUCTION TO PROGRAMMING || VuTech Visit Website For More Solutions www.vutechofficial.blogspot.com …
Consider the html file named “Page.html” (attached in assignment folder) and perform the following tasks using CSS Attribute Selectors:
• Text color of all the controls in which the value of the attribute “id” is “Mainheading”, should be turned to red
• Text color of all the controls in which the value of the attribute “id” starts with “Sub”, should be turned to green
• Text color of all the controls in which the value of the attribute “id” ends with “paragraph”, should be turned to blue
• Text color of all the controls in which the value of the attribute “title” is “description”, should be turned to red
• Text color of all the controls in which the value of the attribute “href” contains the substring “vu”, should be turned to green
<html>
<head>
<title>
MC1234567
</title>
<style>
[id="Mainheading"] {
color: red;
}
[id^="Sub"] {
color: green;
}
[id$="paragraph"] {
color: blue;
}
[title="description"] {
color: red;
}
[href*="vu"] {
color: green;
}
</style>
</head>
<body>
<h1 id="Mainheading">This is main heading</h1>
<h2 id="Subheading1">This is first sub heading</h2>
<h2 id="Subheading2">This is second sub heading</h2>
<span title="description">This is first descirption</span>
<p id="Firstparagraph">This is first paragraph</p>
<p id="Secondparagraph">This is second paragraph</p>
<a href="https://www.vu.edu.pk"> Virtual University of Pakistan</a>
<br />
<a href="https://www.youtube.com/VirtualUniveristyChannel"> Virtual University Channel</a>
<br />
<br />
</body>
</html>
Create an HTML page named “Table.html”. The page should contain the following table:
|
Student ID |
Student Name |
Student Marks |
|
01 |
Ali |
50 |
|
02 |
Waseem |
40 |
|
03 |
Khadim |
70 |
|
04 |
Asghar |
60 |
a. Page.html: This file will contain the code snippet of question no. 1
b. Table.html: This file will contain the code snippet of question no. 2
<!DOCTYPE html>
<html>
<head>
<title>Table</title>
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid black;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<table>
<tr>
<th>Student ID</th>
<th>Student Name</th>
<th>Student Marks</th>
</tr>
<tr>
<td>01</td>
<td>Ali</td>
<td>50</td>
</tr>
<tr>
<td>02</td>
<td>Waseem</td>
<td>40</td>
</tr>
<tr>
<td>03</td>
<td>Khadim</td>
<td>70</td>
</tr>
<tr>
<td>04</td>
<td>Asghar</td>
<td>60</td>
</tr>
</table>
</body>
</html>
About VuTech
Soratemplates is a blogger resources site is a provider of high quality blogger template with premium looking layout and robust design. The main mission of soratemplates is to provide the best quality blogger templates which are professionally designed and perfectlly seo optimized to deliver best result for your blog.
We provide Virtual University of Pakistan Study Materials such as Solution of Assignments, GDBs, Mid Term Solved Papers, Final Term Solved Papers, Mid Term Solved MCQs, and Final Term Solved MCQs. We also provide regular Semester Quizzes, Updated Handouts, and Short Questions and Answers. We help you with your research and many other educational-related topics, as far as we know. Furthermore, Share your problem with us and Please feel free to ask any related questions.
