Scribd
Upload
14 views9 pages

IKhlasswebt

The document is a lab file submitted by a student named Ikhlaas Nisar to their professor Gunjan Aggarwal. It contains 12 programming assignments completed as part of a Web Technologies lab, including creating an HTML resume, an HTML timetable with hyperlinks, HTML forms, implementing audio and video in HTML, and using JavaScript to check the case of the first character in a string and build a scientific calculator.

Uploaded by

Suhail Malik
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
14 views9 pages

IKhlasswebt

The document is a lab file submitted by a student named Ikhlaas Nisar to their professor Gunjan Aggarwal. It contains 12 programming assignments completed as part of a Web Technologies lab, including creating an HTML resume, an HTML timetable with hyperlinks, HTML forms, implementing audio and video in HTML, and using JavaScript to check the case of the first character in a string and build a scientific calculator.

Uploaded by

Suhail Malik
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/ 9

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

School of Engineering and Technology.

SHARDA UNIVERSITY, GREATER NOIDA.

Web Technologies (352)


Lab File

Submitted by:
Ikhlaas Nisar
2020476754
Section: CSE-B G1

Submitted To:
Gunjan Aggarwal
Associate Professor
CONTENTS
S. N Name of the experiment Date Sign

1. To create a HTML code to make a Resume.

2.
To create a HTML code to make a Timetable with
HyperLink.

3.
To create Write a HTML code to make a Form.

4.
Create Write a HTML code to make a Form.

5. Write a HTML code to Audio and Video


Implementation.

6.
Write a HTML code to CANVAS

7. CASCADING STYLE SHEET 3

8. Create a Hyperlink Formcode

9. Write HTML and JavaScript Code to Implement Drop-down


Menu using Select tag

10. : Write HTML and CSS Code to Implement Custom Scroll


Bar and Rounded Paragraph Corners
11. Write a java script program to test whether the first character of
a string is uppercase or not.

12. To design the scientific calculator and make event for each
button using java script.
Program 1: Create a resume using HTML, CSS, JavaScript
<!DOCTYPE html>
<html>
<head>
<title>Resume</title>
<style>
/* add some basic styles to the page */
body {
font-size: 16px;
line-height: 1.5;
}
h1, h2 {
margin: 0;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 24px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
margin-bottom: 10px;
}
p{
margin-top: 0;
}
</style>
</head>
<body>
<header>
<!-- add your name and contact information -->
<h1>Ikhlaas Nisar</h1>
<ul>
<li>Email: [email protected]</li>
<li>Phone: 60052 82274</li>

</ul>
</header>

<main>
<section>
<h2>Objective</h2>
<p>Skilled in Data structures & algorithms and
software development . I have command in
java and C (intermediate) as a programing
language. HTML, CSS, JavaScript as Front-
end tool with React JS and Bootstrap as a
Framework . I can apply my knowledge and
skills to contribute to the development and
growth of the company.</p>
</section>

<section>
<h2>Education</h2>
<ul>
<li>Bachelors in Computer Science Engineering | Sharda University, Greater
Noida. Session: 2020-2024| Score: 7.5 CGPA</li>
</ul>
</section>

<section>
<h2>Projects</h2>
<ul>
<li><strong>News-web</strong> - Making a news website using a News API.
Fetching data from the API using HTML,CSS,JavaScript.</li>

<li><strong>E-commerce Website</strong> - E-commerce website Frontend UI/UX


of Website.</li>
</ul>
</section>

<section>
<h2>Skills</h2>
<ul>
<li>Java</li>
<li>C</li>
<li>HTML</li>
<li>CSS</li>
<li>javaScript</li>
</ul>
</section>
</main>
</body>
</html>

Program 2 – Create a Time Table

<title>Time tabel</title>

<hl><center>Time Table Of SHARDA University</center></hl><br>


<title>table</title>
<style> table{ border-collapse:
collapse; width: 100%;

th,td { border: 2px solid rgb(101, 253,


126); padding: 15px;

</style>
<table>

<th>Timing</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>

<tr>
- 9:25 <td>Campus to Corporate (104 - B
<td><center>PE-4</center><br>Software Project Management (312 - Bl) I Software
Testing (205 -
<td></td>
<td>Compiler Design</td>
<td>Software Project Management</td> </tr>

- 10:20
<td><center>PE-3</center><br>Image Processing (204 - B l) I Crypto ( 106 - B
<td><center>Compiler Design (107 - B I
Processing (204 - B l) I Crypto ( 106 - B I

<td>Management for Engineers<]td> </tr>

- 11:15
<td Bootcamp (21 IA - B l) I C Bootcamp (211B
- Bl)</center></td>
(218B - 131) | PBL (220B B I
)</center></td>
<td><center>PE-4</center><br>Software Project Management (312 - Bl) I Software
Testing (205 <td></td>

<tr>
12:10
<td>Compiler Design</td>
<td>Crypt0</td>
<td>Web Tech<ftd>
</tr>
<tr>

(21 - B 1) | Compiler Design (214B


B I )</center></td>
<td><center>Management for Engineers ( 104 - B I
<td rowspan="2">Compiler Design Lab<Jtd>

<td></td>
</tr>
<tr>

<td></td>
<td></td>

</tr>

</table>
Output-

Time

You might also like