Scribd
Upload
395 views

Dheeraj Vasisth HTML PracticaL

The document contains details of practical assignments completed by a student for a Bachelor of Vocational Studies course, including creating basic HTML pages, adding text formatting tags and tables, including images and forms. Samples of input and output code are provided for 6 practical assignments on topics like basic HTML, adding tables and lists, embedding images, and creating a registration form using different HTML form elements.

Uploaded by

ashok kumar
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
395 views

Dheeraj Vasisth HTML PracticaL

The document contains details of practical assignments completed by a student for a Bachelor of Vocational Studies course, including creating basic HTML pages, adding text formatting tags and tables, including images and forms. Samples of input and output code are provided for 6 practical assignments on topics like basic HTML, adding tables and lists, embedding images, and creating a registration form using different HTML form elements.

Uploaded by

ashok kumar
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/ 23

JC BOSE UNIVERSITY OF SCIENCE AND TECHNOLOGY

YMCA, FARIDABAD

COMMUNITY COLLEGE OF SKILLS DEVELOPMENT

BACHELOR OF VOCATIONAL STUDIES

PRACTICAL FILE
SUBMITTED BY – Dheeraj
DEPARTMENT – WEB DEVELOPMENT
ROLL NO. – 21021251010

SUBMITTED TO – MS.Poonam
Practical -1
Introduction in HTML

Create a basic HTML file


Input :
<HTML>

<HEAD>

<TITLE> The First Page </TITLE>

<HEAD>

<BODY>

Hello World

</body>

</html>

Output:

Hello World
Practical-2
Create a static web page which defines all text formatting tags of
HTML in tabular format

Input :
<html>

<head>

<title>tags</title>

</head>

<body>

<h1 style="color:red;"> <center> Text Formatting Tags</center></h2>

<table border="2">

<tr>

<th>HTML Tag</th>

<th>Output</th>

</tr>

<tr>

<td>normal text</td>

<td>hello world</td>

</tr>

<tr>

<td> Font & its attributes </td>

<td style="color:BLUE;">hello world</td>

</tr>
<tr>

<td> < B > </td>

<TD><B>Bold</B></TD>

</tr>

<tr>

<TD>< I ></TD>

<TD><I>Italic</I></TD>

</tr>

<tr>

<td>< U ></td>

<td><U>Underline</U></td>

</tr>

<tr>

<td>< EM ></td>

<TD><EM>Emphasis</EM></TD>

</tr>

<tr>

<td>< STRoNG ></td>

<TD><STRong>STRONG</STRong></TD>

</tr>

<TR>

<TD>< TELETYPE ></TD>

<TD><Tt>TELETYPE</tt></TD>
</TR>

<tr>

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

<td><cite>Citation</cite></td>

</tr>

<tr>

<td>< strike ></td>

<td><strike>strike through text</strike></td>

</tr>

<tr>

<td>< big ></td>

<td><big>tect in a big font</big></td>

</tr>

<tr>

<td>< small ></td>

<td><small>text in a small font</small></td>

</tr>

<tr>

<td>< sub ></td>

<td>a<sub>b</sub></td>

</tr>

<tr>

<td>< sup ></td>


<td>a<sup>b</sup></td>

</tr>

</table>

</body>

</html>

Output
Practical-3
Create a static webpage using table tags of HTML

Input
<html>

<head>

<title>Web page using table tag</title>

</head>

<body>

<table border="2">

<h2>Specification Table with Hour and Marks</h2>

<tr>

<td rowspan="2">Unit No.</td>

<td rowspan="2"> <center>Unit title</center> </td>

<td rowspan="2">Teaching Hours</td>

<td colspan="4"> <center> Districution of Theory Marks</center> </td>

</tr>

<tr>

<td>R Level</td>

<td>U Level</td>

<td>A Level</td>

<td>Total Marks</td>

</tr>

<tr>
<td>I</td>

<td>Introduction to Internet Technology</td>

<td>2</td>

<td>4</td>

<td>4</td>

<td>0</td>

<td>8</td>

</tr>

<tr>

<td>II</td>

<td>Basics of HTML & CSS</td>

<td>6</td>

<td>0</td>

<td>2</td>

<td>6</td>

<td>8</td>

</tr>

<tr>

<td>III</td>

<td>Active Server Pages 3.0</td>

<td>6</td>

<td>4</td>

<td>8</td>
<td>0</td>

<td>12</td>

</tr>

<tr>

<td>IV</td>

<td>Server Side Coding with VBScript and XML</td>

<td>8</td>

<td>2</td>

<td>4</td>

<td>8</td>

<td>14</td>

</tr>

<tr>

<td>V</td>

<td>ASP Objects & Components</td>

<td>10</td>

<td>4</td>

<td>4</td>

<td>6</td>

<td>14</td>

</tr>

<tr>

<td>VI</td>
<td>Accessing database with ASP & ADO</td>

<td>10</td>

<td>4</td>

<td>4</td>

<td>6</td>

<td>14</td>

</tr>

<tr>

<td></td>

<td><center>Total</center></td>

<td>42</td>

<td>18</td>

<td>26</td>

<td>26</td>

<td>70</td>

</tr>

</table>

</body>

</html>
Output
Practical-4
Create webpage using list and anchor tags of HTML

Input :
<html>

<head>

<title>list and anchor tags of HTML</title>

</head>

<body>

<h2>HTML list: Ordered,Unordered & Definition list</h2>

<hr />

<p>Following in the list of proposed student activites like:</p>

<ol type="1">

<li>

Devlop programs related with unit vice topices in computer laboratory.

</li>

<li>Devlop any mobile of to be useful in real life application.</li>

<li>Multimedia presentations of module devloped by students.</li>

</ol>

<hr />

<p>List of Software/Learning Websites</p>

<ul>

<li>

<u> ASP Tutorial - W3Schools</u><br />


<a href="www.w3schools.com/asp">www.w3schools.com/asp</a>

</li>

<li>

<u> Classic ASP Tutorial & Articles - Web Wiz</u><br />

<a href="google.com">www.webwiz.co.uk - Knowledgebase</a>

</li>

<li>

<u> HTML Tutorial - W3Schools</u><br />

<a href="google.com">www.w3schools.coom/html</a>

</li>

<li>

<u> CSS Tutorial</u><br />

<a href="google.com">www.csstutorial.net</a>

</li>

<li>

<u> VBScript Tutorial - Tutorial Point</u><br />

<a href="google.com">www.tutorialspoint.com</a>

</li>

<li>

<u> ADO Tutorial - W3Schools</u><br />

<a href="google.com">wwww.w3schools.com/AOD/defult asp</a>

</li>
</ul>

<hr />

<dl>

<dt>HTML</dt>

<dd>Hyper Text Markup Language</dd>

<dt>XML</dt>

<dd>eXtensible Markup Language</dd>

</dl>

</body>

</html>
Output:

HTML list: Ordered,Unordered & Definition list

Following in the list of proposed student activites like:

1. Devlop programs related with unit vice topices in computer laboratory.


2. Devlop any mobile of to be useful in real life application.
3. Multimedia presentations of module devloped by students.

List of Software/Learning Websites

 ASP Tutorial - W3Schools


www.w3schools.com/asp
 Classic ASP Tutorial & Articles - Web Wiz
www.webwiz.co.uk - Knowledgebase
 HTML Tutorial - W3Schools
www.w3schools.coom/html
 CSS Tutorial
www.csstutorial.net
 VBScript Tutorial - Tutorial Point
www.tutorialspoint.com
 ADO Tutorial - W3Schools
wwww.w3schools.com/AOD/defult asp

HTML
Hyper Text Markup Language
XML
eXtensible Markup Language
Practical-5
Create webpage to include image using HTML tag

Input:
<html>

<head>

<title>Include image using HTML Tag</title>

</head>

<body>

<h1>HTML image example with height and width</h1>

<img

src="C:\Users\dheeraj\Downloads\WhatsApp Image 2022-06-11 at


10.27.11 PM.jpeg"

height="50%"

width="40%"

/>

</body>

</html>
Output:
Practical-6
Create employee registration webpage using HTML form objects

Input:
<html>

<head>

<title>Employee regiestration form</title>

</head>

<body>

<h1 style="color: red">

<img

src="C:\Users\dheeraj\Downloads\WhatsApp Image 2022-06-12 at


11.25.27 AM.jpeg"

height="10%"

width="5%"

/>Employee Registration Form</h1>

<form action="prac.html">

<table>

<tr>

<td></td>

<td>

<input type="radio" name="intial checked" />Mr.

<input type="radio" name="intial checked" />Mrs.

<input type="radio" name="intial checked" />Ms.

</td>
</tr>

<tr>

<td>First Name</td>

<td><input type="text" name="fn" placeholder="First Name" /></td>

</tr>

<tr>

<td>Last name</td>

<td><input type="text" name="ln" placeholder="Last Name" /></td>

</tr>

<tr>

<td>Mail Address1</td>

<td><input type="email" name="ma" /></td>

</tr>

<tr>

<td>Mail Address2</td>

<td><input type="email" name="ma2" /></td>

</tr>

<tr>

<td>City</td>

<td><input type="text" name="city" /></td>

</tr>

<tr>

<td>State</td>
<td>

<select name="state">

<option value="Gujarat">Gujarat</option>

<option value="Haryana">Haryana</option>

<option value="Goa">Goa</option>

<option value="Bihar">Bihar</option>

<option value="U.P">U.P</option>

<option value="Assam">Assam</option>

</select>

</td>

</tr>

<tr>

<td>Zip</td>

<td><input type="text" name="Zip" /></td>

</tr>

<tr>

<td>Upload Photo</td>

<td><input type="file" name="photo" /></td>

</tr>

<tr>

<td>E-Mail</td>

<td><input type="email" name="mail" /></td>

</tr>
<tr>

<td>Mobile</td>

<td><input type="number" name="mobile" placeholder="+91" /></td>

</tr>

<tr>

<td>Languages Known</td>

<td><input type="checkbox" name="lk" value="Gujarati" />Gujarati</td>

</tr>

<tr>

<td></td>

<td><input type="checkbox" name="lk" value="Hindi" />Hindi</td>

</tr>

<tr>

<td></td>

<td><input type="checkbox" name="lk" value="English" />English</td>

</tr>

<tr>

<td></td>

<td><input type="checkbox" name="lk" value="Marathi" />Marathi</td>

</tr>

<td>Addtional Information</td>

<td>

<textarea
name="add"

cols="30"

rows="4"

placeholder="Optional"

wrap

></textarea>

</td>

<tr>

<td></td>

<td>

<input type="submit" value="submit" />&nbsp;<input

type="reset"

value="reset"/>

</td>

</tr>

</table>

</form>

</body>

</html>
Output:

You might also like