Scribd
Upload
42 views

At COMPUTER PRACTICAL

This document contains code snippets and output for various HTML tags. It includes examples of formatting tags like bold, italic, underline; table tags and how to use rowspan and colspan; inserting images in tables; hyperlinks using the anchor tag; ordered and unordered lists; definition lists; linking an external, internal, and inline style sheets; and creating an HTML registration form using various input fields. The code provides the HTML markup and tagging for each example, and the output shows how it would render in the browser.

Uploaded by

sanjaijsu09
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
42 views

At COMPUTER PRACTICAL

This document contains code snippets and output for various HTML tags. It includes examples of formatting tags like bold, italic, underline; table tags and how to use rowspan and colspan; inserting images in tables; hyperlinks using the anchor tag; ordered and unordered lists; definition lists; linking an external, internal, and inline style sheets; and creating an HTML registration form using various input fields. The code provides the HTML markup and tagging for each example, and the output shows how it would render in the browser.

Uploaded by

sanjaijsu09
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/ 32

AMITY INTERNATIONAL

SCHOOL

COMPUTER APPLICATION
PRACTICAL FILE

NAME: ARUSH CHANDRA


ROLL NO: 11
CLASS: 10 B
1: FORMATTING TAGS
CODING
<html>
<head>
<title> FORMATTING TAGS </title>
</head>
<body>
<p> The following word uses a
<b>bold</b>typeface.</p>
<p> The following word uses a
<I>ITALLIC </I>TYPEFACE.</p>
<p>The following word uses an
<u>underlined</u>typeface.</p>
<p>The following word uses a
<sup>superscript</sup>typeface.</p>
<p>The following word uses a
<sub>subscript</sub>typeface.</p>
</body>
</html>
OUTPUT

2 : TABLE TAG – USE OF COLSPAN AND


ROWSPAN
A)ROWSPAN
CODING
<html>
<head><title>HTML </title>
</head>
<body>
<table border="1">
<tr>
<td>ITEM 1</td><td rowspan=2>ITEM
2</td><td>ITEM 3</td>
</tr>
<tr>
<td>ITEM 4</td><td>ITEM 5</td>
</tr>
</table>
</body>
</HTML>
OUTPUT

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

3: TABLE TAG – USE OF CELLPADING


CODING
<HTML>
<HEAD><TITLE></TITLE>
</HEAD>
<BODY>
<TABLE BORDER=1
CELLPADING=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

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

10 : DEFINITION LIST OR NESTED LIST

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>

<h1 style="color:blue;">A Blue


Heading</h1>

<p style="color:red;">A red


paragraph.</p>
</body>
</html>

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 !

You might also like