You are on page 1of 30

AMITY INTERNATIONAL SCOOL

COMPUTER APPLICATION
PRACTICAL FILE

NAME: ATHARVA SHUKLA


ROLL NO: 14
CLASS: 10 A
1. Formatting tags
<html>
<head>
<title> FORMATTING TAGS </title>
</head>
<body bgcolor = red text = yellow leftmargin = 60 topmargin =
70>
<h1> Formatting tags </h1>
<p> A paragraph always starts on a new line, and browsers
automatically add some white space (a margin) before and
after a paragraph. </p>
<br> This is break rule </br>
<font size = 7 color = blue face = arial> This tag is used for font
</font>
<hr size = 1>
<b> This tag is bold </b><br>
<i> This tag is italics </i><br>
<u> This tag is underline </u><br>
H<sub>2</sub>O<br>
X<sup>2</sup>
</body>
</html>
2. Use of Colspan and Rowspan
Colspan
<html>
<head><title>HTML </title>
</head>
<body>
<table border= 2 >
<tr>
<td>Call 1</td>
<td colspan=2>Call 2</td>
</tr>
<tr>
<td>call 3</td><td>Call 4</td><td>Call 5</TD>
</tr>
</table>
</body>
</HTML>
Rowspan
<html>
<head><title>HTML </title>
</head>
<body>
<table border="1">
<tr>
<td>Call 1</td><td rowspan=2>Call 2</td><td>Call 3</td>
</tr>
<tr>
<td>Call 4</td><td>Call 5</td>
</tr>
</table>
</body>
</HTML>
3. Use of Cellpading

<HTML>
<HEAD><TITLE></TITLE>
</HEAD>
<BODY>
<TABLE BORDER = 2 CELLPADING = 14 >
<TR>
<TD>Sunday</TD>
<TD>Monday</TD>
</TR>
<TR>
<TD>Tuesday</TD>
<TD>Wednesday</TD>
</TR>
<TR>
<TD>Thursday</TD>
<TD>Friday</TD>
</TR>
</TABLE>
</BODY>
</HTML>
4. Use of Cellspacing
<HTML>
<HEAD><TITLE></TITLE>
</HEAD>
<BODY>
<TABLE BORDER= 2 CELLSPACING = 14 >
<TR>
<TD>Sunday</TD>
<TD>Monday</TD>
</TR>
<TR>
<TD>Tuesday</TD>
<TD>Wednesday</TD>
</TR>
<TR>
<TD>Thursday</TD>
<TD>Friday</TD>
</TR>
</TABLE>
</BODY>
</HTML>
5. Images In A Table
<HTML>
<HEAD><TITLE></TITLE>
</HEAD>
<BODY>
<IMG SRC = C:\Users\csc\Pictures\images\amity2.jpg>
</BODY>
</HTML>
6. Anchor Tag
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
Click on this link
<a href="https://www.w3schools.com/">W3Schools</a>
</BODY>
</HTML>
7. Ordered List
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<H3> ORDERED LIST </H3>
<OL TYPE = A>
<LI> JANUARY </LI>
<LI> FEBRUARY </LI>
<LI> MARCH </LI>
<LI> APRIL </LI>
</OL>
</BODY>
</HTML>
8. Unordered List
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<H3> UNORDERED LIST </H3>
<UL TYPE = DISC>
<LI> JANUARY </LI>
<LI> FEBRUARY </LI>
<LI> MARCH </LI>
<LI> APRIL </LI>
</OL>
</BODY>
</HTML>
9. Nested List
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<H3> NESTED LIST </H3>
<UL>
<LI> LIST OF SOME MONTHS :
<UL TYPE = CIRCLE>
<LI> JANUARY
<LI> FEBRUARY
<LI> MARCH
</UL>
<LI> LIST OF SOME DAYS :
<UL TYPE = CIRCLE
<LI> SUNDAY
<LI> MONDAY
<LI> TUESDAY
</UL>
</BODY>
</HTML>
10. Definition List
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<H3> DEFINITION LIST </H3>
<DL>
<DT> NASA
<DD> NASA is National Aeronautics and Space Administration.
<DT> ISRO
<DD> ISRO is Indian Space Research Organisation.
</DL>
</BODY>
</HTML>
11. External Cascading Style Sheet
CSS rules sheet
BODY { BACKGROUND: CYAN }
H1 { COLOR: RED; FONT-WEIGHT: BOLD }
P { FONT-STYLE: ITALIC; COLOR: RED }

Link to this Html page


<HTML>
<HEAD>
<TITLE></TITLE>
<LINK REL=stylesheet href = Style.css>
</HEAD>
<BODY>
<H1> EXTERNAL STYLES SHEET </H1>
<P> This is external styles sheet </P>
</BODY>
</HTML>
12. Internal Cascading Style Sheet
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE TYPE = TEXT/CSS>
H1 { COLOR:GREEN; FONT SIZE:16pt; FONT WEIGHT: BIG }
</STYLE>
</HEAD>
<BODY>
<H1> This is first line </H1>
<P> This is second line </p>
<H1> This is third line </H1>
</BODY>
</HTML>
13. Inline Cascading Style Sheet
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<H3 STYLE=COLOR:GREEN; FONT SIZE:BIG>
This is inline style sheet
</H3>
<H3> This is another line </H3>
</BODY>
</HTML>
14. HTML Forms
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<CENTER><H1> FORM </H1></CENTER>
<FORM METHOD = POST>
<P>
FIRST NAME:
<INPUT TYPE = ''TEXT'' NAME = ''FIRST_NAME'' /><BR></P>
<P>
LAST NAME:
<INPUT TYPE = ''TEXT'' NAME = ''LAST_NAME'' /><BR></P>
<P>
ADDRESS:
<INPUT TYPE = ''TEXT'' NAME = ''ADDRESS'' /><BR></P>
<P> CHOOSE YOUR COUNTRY
<SELECT NAME = ''COUNTRY>
<OPTION VALUE =''IND''>INDIA
<OPTION VALUE =''CA''>CANADA
<OPTION VALUE =''USA''>UNITED STATES
<OPTION VALUE =''FR''>FRANCE
<OPTION VALUE =''SPR''>SINGAPORE
</SELECT
</P>
<P> CHOOSE GENDER
<INPUT TYPE =RADIO NAME = GENDER VALUE = MALE />
MALE
<INPUT TYPE =RADIO NAME = GENDER VALUE = FEMALE />
FEMALE
</P>
<P>
OTHER INFORMATION: <BR>
<TEXTAREA ROWS ="6" COLS ="60" NAME ="INFORMATION">
</TEXTAREA>
</P>
<INPUT TYPE ="SUBMIT" NAME ="REQUEST" VALUE
="SUBMIT">
<INPUT TYPE ="RESET" NAME ="CLEAR" VALUE ="RESET">
</FORM>
</BODY>
</HTML>

Thank you

You might also like