Scribd
Upload
51 views

A Computer Project

This document contains a computer application practical file belonging to Atharva Shukla of class 10A at Amity International School. It includes 14 sections demonstrating various HTML tags, elements, and concepts like formatting tags, tables, lists, forms, and cascading style sheets. Each section contains code examples to showcase the relevant HTML features.

Uploaded by

sanjaijsu09
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
51 views

A Computer Project

This document contains a computer application practical file belonging to Atharva Shukla of class 10A at Amity International School. It includes 14 sections demonstrating various HTML tags, elements, and concepts like formatting tags, tables, lists, forms, and cascading style sheets. Each section contains code examples to showcase the relevant HTML features.

Uploaded by

sanjaijsu09
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 31

AMITY INTERNATIONAL

SCHOOL

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