At COMPUTER PRACTICAL
At COMPUTER PRACTICAL
At COMPUTER PRACTICAL
SCHOOL
COMPUTER APPLICATION
PRACTICAL FILE
B)COLSPAN
CODING
<html>
<head><title>HTML </title>
</head>
<body>
<table border="1">
<tr>
<td>ITEM 1</td>
<td colspan=2>ITEM 2</td>
</tr>
<tr>
<td>ITEM 3</td><td>ITEM
4</td><td>ITEM 5</TD>
</tr>
</table>
</body>
</HTML>
OUTPUT
4: USE OF CELLSPACING
CODING
<HTML>
<HEAD><TITLE></TITLE>
</HEAD>
<BODY>
<TABLE BORDER=1
CELLSPACING=10>
<TR>
<TD>Red</TD>
<TD>Green</TD>
<TD>Blue</TD>
</TR>
<TR><TD>Orange</TD>
<TD>Yellow</TD>
<TD>Purple</TD>
</TR>
</TABLE>
</BODY>
</HTML>
OUTPUT
5: IMAGE IN A TABLE
CODING
<HTML>
<HEAD><TITLE></TITLE>
</HEAD>
<BODY>
<table border=’’3’’>
<tr>
<td><img src=" C:\Users\dell1\Desktop\
MEGHALAYA.jpg ></td>
<td><img src="C:\Users\dell1\Desktop\
MEGHALAYA.jpg’’ ></td>
</TR>
</table>
</BODY>
</HTML>
OUTPUT
6: ANCHOR TAG
CODING
<html>
<head> <title>LINK</title>
</head>
<body>
<p>Click on <a href="https://
www.javatpoint.com/" target="_blank">
this-link </a>to go on home page of Java
point.</p>
</body>
</html>
OUTPUT
7: ORDERED LIST
CODING
<html>
<head>
<title>HTML - ol tag</title>
</head>
<body>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
<p>Changing type of ordered list.</p>
<ol type="A">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
</body>
</html>
OUTPUT
8: UNORDERED LIST
CODING
<Html>
<title>HTML - ul tag</title>
</head>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
<p>Changing type of unordered list.</p>
<ul type="A">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</body>
</html>
OUTPUT
CODING
<html>
<head><title>HTML - dl tag</title>
</head>
<body>
<h1>dl tag is used to create
descrpionlist.</h1>
<dl>
<dt>HTML</dt>
<dd>A markup language</dd>
<dt>CSS</dt>
<dd>A language to design
webpages</dd>
<dt>JavaScript</dt>
<dd>A scripting language</dd>
</dl>
</body>
</html>
OUTPUT
11: EXTERNAL CASCADING STYLE SHEET
CODING
<html>
<head>
<link rel="stylesheet"
href="styles.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
OUTPUT
12: INTERNAL CASCADING STYLE SHEET
CODING
<html>
<head>
<style>
<body> {backgroundcolor:powderblue;}
<h1> {color: blue;}<p > {color: red;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body></html>
OUTPUT
13: INLINE CASCADING STYLE SHEET
CODING
<html>
<body>
OUTPUT
14: HTML FORMS
CODING
<html>
<head>
<title>Form in HTML</title>
</head>
<body>
<h2>Registration form</h2>
<form>
<fieldset>
<legend>User personal
information</legend>
<label>Enter your full name</label><br>
<input type="text" name="name"><br>
<label>Enter your email</label><br>
<input type="email"
name="email"><br>
<label>Enter your password</label><br>
<input type="password"
name="pass"><br>
<label>confirm your
password</label><br>
<input type="password"
name="pass"><br>
<br><label>Enter your
gender</label><br>
<input type="radio" id="gender"
name="gender" value="male"/>Male
<br>
<input type="radio" id="gender"
name="gender" value="female"/>Female
<br/>
<input type="radio" id="gender"
name="gender" value="others"/>others
<br/>
<br>Enter your Address:<br>
<textarea></textarea><br>
<input type="submit" value="sign-up">
</fieldset>
</form>
</body></html>
OUTPUT
THANKYOU !