0% found this document useful (0 votes)
127 views24 pages

Atharva IWT

This document contains the practical file of a student named ATHARVA SINGH studying in the 5th semester of Diploma in Computer Science Engineering at University Polytechnic, Galgotias University. It includes 10 experiments covering topics like basic HTML tags, lists, tables, links, displaying date and time, validating email using JavaScript, and HTML forms.

Uploaded by

harsh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
127 views24 pages

Atharva IWT

This document contains the practical file of a student named ATHARVA SINGH studying in the 5th semester of Diploma in Computer Science Engineering at University Polytechnic, Galgotias University. It includes 10 experiments covering topics like basic HTML tags, lists, tables, links, displaying date and time, validating email using JavaScript, and HTML forms.

Uploaded by

harsh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 24

DEPARTMENT OF COMPUTER SCIENCE ENGINEERING

University Polytechnic, Galgotias University

Practical File
Student Name: ATHARVA SINGH
Admission Number: 20GPTC4060061

Section: 2nd

Subject Name: WEB TECHNOLOGY LAB

Subject Code: DPCS3009

Course: DIPLOMA IN COMPUTER SCIENCE ENGINEERING

Semester: 5th

Session: 2020-23
INDEX
S.No TITLE T.SIGN

EXPERIMENT NO. - 1

<html>
<head>
<title>ATHARVA SINGH </title>
</head>
<body bgcolor="yellow">
<hr>
<hi style="color: red;"> <u> My Introduction </u> </h1>
<h2 style="color: red;"> <u> My Introduction </u> </h2>
<h3 style="color: red;"> <u> My Introduction </u> </h3>
<h4 style="color: red;"> <u> My Introduction </u> </h4>
<h5 style="color: red;"> <u> My Introduction </u> </h5>
<h6 style="color: red;"> <u> My Introduction </u> </h6>
<hr>
<p style="color: rgb(53, 8, 166);">My self ATHARVA SINGH, I am
from Delhi. <br> currently I am studying inGALGOTIAS
UNIVERSITY.</p> <p style="color: rgb(276, 68, 125);</p>
</body>
</html>
EXPERIMENT NO. - 2
<html>
<head>
<title>ATHARVA SINGH </title>
</head>
<body> <h1>My self ATHARVA</h1>
<p>student of Diploma CSE in Galgotias University. Roll No.:
20GPTC4060061.</p>
</body>
</html>
EXPERIMENT NO. - 3
<html>
<head>
<title>ATHARVA SINGH </title>
</head>
<body>
<h1>list of students</h1>
<ol type="A">
<li> Name</li>
<li>class</li>
<li>Roll no</li>
</ol>
<ol type="a">
<li>ATHARVA </li>
<li>8</li>
<li>15</li>
</ol> <OL>
<LI>GU</LI>
<li>GALGOTIAS UNIVERSITY</li> <12>ATHARVA </li>
</OL>
<ol type="1">
<li>VR</li> <li>7</li>
<li>14</li>
</ol>
<ol type="i">
<li>hi</li>
<li>hlo</li>
<li>hello</li>
</ol>
</body>
</html>
EXPERIMENT NO. - 4
<html>
<head>
<title> ATHARVA</title>
</head>
<body>
<h1>list of students</h1>
<ul type="disk">
<li>Name</li>
<li>class</li>
<li>Roll no</li>
</ul>
<ul type="square">
<li>ATHARVA </li>
<li>7</li>
<li>14</li> </ul>
<ul type="circle">
<li>GALGOTIAS UNIVERSITY </li>
<li>UNIVERSITY</li> <li>A</li>
</ul>
<dl>
<dt>HELLO INDIA</dt>
<dd>hello world</dd>
<dt>egg</dt>
<dd> cold drink</dd>
</dl>
</body>
</html>
EXPERIMENT NO. - 5

<html>
<head>
<title> ATHARVA</title>
</head>
<body>
<table border=2>
<tr>
<td colspan=2>1</td>
<td rowspan=2>2</td>
</tr>
<tr>
<td rowspan=2>3</td>
<td>4</td> </tr>
<tr>
<td colspan=2>5</td>
</tr> </table>
</body>
</html>
EXPERIMENT NO. – 6

<html>
<head>
<title> ATHARVA</title>
</head>
<body>
<table border=2>
<tr>
<td>S.No.</td>
<td>Name</td>
</tr>
<tr>
<td>1</td>
<td>cat</td>
</tr>
<tr>
<td>2</td>
<td>Lion</td>
</tr>
<tr>
<td>3</td>

<td>tiger</td>
</tr>
<tr>
<td>4</td>
<td>inshan</td>
</tr>
</table>
</body>
</html>
EXPERIMENT NO. – 7

<html>
<head>
<title> ATHARVA</title>
</head>
<body>
<a href="https://www.instagram.com/accounts/login/"
target="blank">
link
</a>
</body>
</html>
Program 8: Write a program to display date and time.
<html>
 <head>
    <title>
        print current day and time
    </title>
</head>
  
<body>
    <script type="text/javascript">
        var myDate = new Date();
        var myDay = myDate.getDay();
        
        // Array of days.
        var weekday = ['Sunday', 'Monday', 'Tuesday',
            'Wednesday', 'Thursday', 'Friday', 'Saturday'
        ];
        document.write("Today is : " + weekday[myDay]);
        document.write("<br/>");
        
        // get hour value.
        var hours = myDate.getHours();
        var ampm = hours >= 12 ? 'PM' : 'AM';
        hours = hours % 12;
        hours = hours ? hours : 12;
        var minutes = myDate.getMinutes();
        minutes = minutes < 10 ? '0' + minutes : minutes;
        var myTime = hours + " " + ampm + " : " + minutes + 
            " : " + myDate.getMilliseconds();
        document.write("\tCurrent time is : " + myTime);
    </script>
</body>
  
</html>
Program 9: Write a program to implement LISTS & FORM .
<html>
<body>
<h2>An Unordered HTML List</h2>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<h2>An Ordered HTML List</h2>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
</body>
</html>
<html>
<body>
<h2>HTML Forms</h2>
<form action="/action_page.php">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname" value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="Submit">
</form>
<p>If you click the "Submit" button, the form-data will be sent to a page called
"/action_page.php".</p>
</body>
</html>
Program 10: Write a program to validate Email Id using java script.
<html>
<body>
<script>
function validateemail()
{
var x=document.myform.email.value;
var atposition=x.indexOf("@");
var dotposition=x.lastIndexOf(".");
if (atposition<1 || dotposition<atposition+2 || dotposition+2>=x.length){
alert("Please enter a valid e-mail address \n atpostion:"+atposition+"\n
dotposition:"+dotposition);
return false;
}
}
</script>
<body>
<form name="myform" method="post"
action="http://www.javatpoint.com/javascriptpages/valid.jsp" onsubmit="return
validateemail();">
Email: <input type="text" name="email"><br/>
<input type="submit" value="register">
</form>
</body>
</html>

You might also like