Practical File

PRACTICAL FILE
COMPUTER
APPLICATIONS
BY PRIYANSHU
CLASS X - B
PROGRAM 1:
ATTRIBUTES OF BODY TAG
OUTPUT:
CODE:

<html>
<head><title>ATTRIBUTES OF BODY TAG</title></head>
<body background="download.jfif" topmargin=60 leftmargin=60>
<center><H1>ATTRIBUTES OF BODY
TAG</h1></center>
<HR WIDTH=1200 SIZE=10 COLOR=GREY>
 
THE MAJOR ATTRIBUTES OF BODY TAG ARE:-
<UL TYPE=SQUARE>
<LI>Alink-It defines the color of the active link in a document.</LI>
<LI>background-It determines the background image for the document.</LI>
<LI>bgcolor-It determines the background color of the content.</LI>
<LI>vlink-It determines the color of the visited link. </LI>
<LI>text-It determines the color of the text in the document.</LI>
<LI>Lestmargin-the margin to the blank are left from the edge of page.</LI>
<LI>Topmargin-it is used to set the topmargin of the page.</LI>
 </ul> 
</body> </html>
PROGRAM 2:
HEADING TAG
OUTPUT:
CODE:

<html>
<head><title>HEADING TAG</title></head>
<center><H1>HEADING
HTML HAS 6 LEVELS OF HEADINGS. NUMBERED 1 THROUGH 6,
WITH ONE BEING THE LARGEST. HEADINGS ARE TYPICALLY
DISPLAYED IN LARGER OR BOLDER FONTS THAN NORMAL BODY
TEXT. LEVELS OF HEADINGS ARE:-
<OL TYPE=A>
<LI><H1>LEVEL 1 HEADING</H1></LI>
</OL></BODY></HTML>
PROGRAM 3:
P AND BR TAG
OUTPUT:
CODE:

<html> <head><title>P AND BR TAG</title></head>
<center><H1>P AND BR

THE MAJOR DIFFERENCES BETWEEN P TAG AND BR TAG ARE:-
<center><table border="1" style="color:white" width=500>
<tr style="font-size:30px;font-family:calibri">
<th>P tag</th> <th>BR tag</th></tr>
<tr style="font-size:25px;font-family:calibri"><TD>It stands for

PARAGRAPH.</TD>
<TD>It stands for LINE BREAK.</TD> </tr>
<td>It is used for changing paragraphs and starting a new paragraph just after
it.</td>
<td>It is used for breaking line and moving to the same line in the same
paragraph.</td></tr></table></center>
<UL><LI>EXAMPLE OF BR TAG IS: 
THIS IS 1st LINE. THIS 2nd LINE AFTER BR TAG.</LI>
<LI>EXAMPLE OF PARAGRAPH TAG IS: THIS IS A

PARAGRAPH.
THIS IS ANOTHER PARAGRAPH AFTER P TAG

USED.</LI></BODY></HTML>
PROGRAM 4:
PHYSICAL TAGS B, U AND I
OUTPUT:
CODE:

<html>
<head><title>PHYSICAL TAGS (B,U,I)</title></head>
<center><H1>PHYSICAL TAGS

(B,U,I)</h1></center>
 
Physical Tags are used in HTML to provide actual physical formatting to the text.

TYPES OF PHYSICAL TAGS ARE:-
<OL><LI>BOLD-IT SHOWS CHARACTERS IN BOLD.</LI>
<LI>ITALICS-IT SHOWS CHARACTERS IN ITALICS.</LI>
<LI>UNDERLINE- IT UNDERLINES THE CHARACTERS.</LI>
</OL>
</BODY>
</HTML>
PROGRAM 5:
HR TAG
OUTPUT:
CODE:

<html><head><title>HR TAG</title></head>
<center><H1>HR
The hr tag in HTML stands for horizontal rule and is used to insert a
horizontal rule or a thematic break in an HTML page to divide or separate
document sections.
The hr tag is an empty tag, and it does not require an end tag.
FOR EXAMPLE:There is a horizontal rule below this paragraph.
 <hr>
This is a horizontal rule above this paragraph.
ATTRIBUTES OF HR TAG ARE:- 
Align -Used to specify
the alignment of the horizontal rule. 
Noshade -Used to
specify the bar without shading effect. 
Size -Used to specify the
height of the horizontal rule. 
Width -Used to specify
the width of the horizontal
rule. </BODY></HTML>
PROGRAM 6:
FONT TAG
OUTPUT:
CODE:

<html>
<head><title>FONT TAG</title></head>
<center><H1>FONT
 
The tag plays an important role in the web page to create an attractive
and readable web page. The font tag is used to change the color, size, and
style of a text. 
 The font tag has basically three attributes
which are given below:
<OL> <LI>SIZE</LI> <LI>FACE</LI> <LI>COLOR</LI> </OL> FOR
EXAMPLE: <UL>
 
<LI>THIS IS THE USAGE OF FONT TAG. 
"Comic sans MS" size =" 6">
"WildWest" size = "6">
"Bedrock" size = "6">
<LI>THIS IS THE USAGE OF FONT TAG. 
 </UL>
</BODY> </HTML>
PROGRAM 7:
FONT TAG
OUTPUT:
CODE:

<html>
<head><title>BASEFONT TAG</title></head>
<basefont face="Impact" size=7 color="white">

<center><H1>BASEFONT TAG</h1></center>
The HTML basefont tag defines the default font-family, font-size and color
for the text in the HTML document.

The basefont tag has basically three attributes which are given below:
<OL> <LI>SIZE</LI>
<LI>FACE</LI>
<LI>COLOR</LI> </OL>
</body>
</html>
PROGRAM 8:
FONT TAG
OUTPUT:
CODE:

<html>
<head><title>ORDERED LIST</title></head>
color="white">ORDERED LIST</h1></center>
The HTML ol tag defines an ordered list. An ordered list can be numerical or
alphabetical. 
The attribute of ordered list is "type". It defines the type of alphabet or
number a list has to be started.
 AN EXAMPLE OF ORDERED LIST IS: 

<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li> </ol>

</body> </html>
PROGRAM 9:
FONT TAG
OUTPUT:
CODE:

<html>
<head><title>UNORDERED LIST</title></head>
color="white">UNORDERED LIST</h1></center>
The HTML ul tag defines an unordered (bulleted) list.
The attribute of unordered list is "style". It defines the bullet type.
AN EXAMPLE OF UNORDERED LIST IS: 

<ul style="list-style-type:disc;">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

</BODY> </HTML>
PROGRAM 10:
FONT TAG
OUTPUT:
CODE:

<html>
<head><title>SUB AND SUP TAG</title></head>
<center><H1>SUB AND
SUP TAG</h1></center>
Subscript: The sub tag is used to add a subscript text to the HTML document.
The sub tag defines the subscript text. Subscript text appears half a character
below the normal line and is sometimes rendered in a smaller font. Subscript
text can be used for chemical formulas, like H2O to be written as H2O.

Superscript: The sup tag is used to add a superscript text to the HTML
document. The sup tag defines the superscript text. Superscript text appears
half a
character above the normal line and is sometimes rendered in a smaller font.
Superscript text can be used for footnotes.
FOR EXAMPLE: 
Testing subscript text
Testing superscript text
</BODY> </HTML>
PROGRAM 11:
FONT TAG
OUTPUT:
CODE:

<html>
<head><title>NESTED LIST</title></head>
<center>NESTED
LIST</center>
A nested list or a sublist is a list within a list.
FOR EXAMPLE: 
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
</BODY> </HTML>
PROGRAM 12:
FONT TAG
OUTPUT:
CODE:

<html>
<head><title>DEFINITION LIST</title></head>
<center>DEFINITION LIST</center>
A definition list is a list of terms and corresponding definitions
FOR EXAMPLE: 
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
</BODY>
</HTML>
PROGRAM 13:
FONT TAG
OUTPUT:
CODE:

<html>
<head><title>IMG TAG</title></head>
<center><H1>IMG
The img tag is used to embed an image in an HTML page. Images are not
technically inserted into a web page; images are linked to web pages. The
img tag creates a
holding space for the referenced image.
FOR EXAMPLE:
 <center><IMG SRC="IMAGE.jpg"></center>
</body>
</html>
PROGRAM 14:
FONT TAG
OUTPUT:
CODE:

<html>
<head><title>TABLE:ROWSPAN, COLSPAN</title></head>
<center><H1>TABLE:ROWSPAN,
COLSPAN</h1></center>
The rowspan attribute specifies the number of rows a cell should span. FOR
EXAMPLE:
 <CENTER>
<table BORDERCOLOR=WHITE style="color:white" width=500>
<th></th><th></th>
<th>Bob</th>
<th>Alice</th>
</tr>
<th rowspan="2">Favorite</th>
<th>Color</th>
<td>Blue</td>
<td>Purple</td>
</tr>
<th>Flavor</th>
<td>Banana</td>
<td>Chocolate</td>
</tr>
<th rowspan="2">Least Favorite</th>
<th>Color</th>
<td>Yellow</td>
<td>Pink</td>
</tr>
<th>Flavor</th>
<td>Mint</td>
<td>Walnut</td>
</tr>
</table></CENTER>
 
Colspan allows a single table cell to span the width of more than one cell
or column.FOR EXAMPLE:<CENTER>
<table BORDERCOLOR=WHITE width=600 style=color:white>
 Life Expectancy By Current Age
<th colspan="2">65</th>
</tr>
<tr style="font-size:30px;font-family:calibri;">
<th>Men</th>
<th>Women</th>
<th>Men</th>
<th>Women</th>
<th>Men</th>
<th>Women</th>
</tr>
<td>82</td>
<td>85</td>
<td>78</td>
<td>82</td>
<td>77</td>
<td>81</td>
</tr>
</table>
</body>
</html>
PROGRAM 15:
FONT TAG
OUTPUT:
CODE:

<html>
<head><title>TABLE:CELLPADDING, CELLSPACING</title></head>
<center><H1>TABLE:CELLPADDING,
CELLSPACING</h1></center>
Cell padding is the space between cell borders and the content within a cell.
FOR EXAMPLE:<CENTER>
<table border="1" cellpadding="15">
<tr>
<th>NAME</th>
<th>AGE</th>
<th>BRANCH</th>
</tr>
<tr>
<td>BITTU</td>
<td>22</td>
<td>CSE</td>
</tr>
<tr>
<td>RAM</td>
<td>21</td>
<td>ECE</td>
</tr>
</table>
The HTML <table> cellspacing Attribute is used to specify the space
between the cells. The cellspacing attribute is set in terms of pixels.FOR
EXAMPLE: 
<CENTER><table border="1" cellspacing="15">
<tr>
<th>NAME</th>
<th>AGE</th>
<th>BRANCH</th>
</tr>
<tr>
<td>BITTU</td>
<td>22</td>
<td>CSE</td>
</tr>
<tr>
<td>RAM</td>
<td>21</td>
<td>ECE</td>
</tr>
</table>
</body>
</html>
THAN

Practical File

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Practical File

Uploaded by

Copyright:

Available Formats

PRACTICAL FILE

<body background="download.jfif" topmargin=60 leftmargin=60>

<center><H1><B><U><font face="Impact" size=7 color="white">P AND BR

<HR WIDTH=1200 SIZE=10 COLOR=GREY>

<font face="calibri" color="white" SIZE=6><B><BR><P>

THE MAJOR DIFFERENCES BETWEEN P TAG AND BR TAG ARE:-</B>

<center><table border="1" style="color:white" width=500>

<th>P tag</th> <th>BR tag</th></tr>

<tr style="font-size:25px;font-family:calibri"><TD>It stands for

<TD>It stands for <I><B>LINE BREAK</i></b>.</TD> </tr>

<UL><LI>EXAMPLE OF BR TAG IS:<BR>

THIS IS 1st LINE.<BR> THIS 2nd LINE AFTER BR TAG.</LI>

<P><LI>EXAMPLE OF PARAGRAPH TAG IS:<br> THIS IS A

THIS IS ANOTHER PARAGRAPH AFTER P TAG

<head><title>PHYSICAL TAGS (B,U,I)</title></head>

<body background="download.jfif" topmargin=60 leftmargin=60>

<center><H1><B><U><font face="Consolas" color="white">PHYSICAL TAGS

<HR WIDTH=1200 SIZE=10 COLOR=GREY>

<font face="CONSOLAS" color="white" SIZE=5><B><BR><P>

TYPES OF PHYSICAL TAGS ARE:-

<OL><LI>BOLD-IT SHOWS CHARACTERS IN <FONT

<LI>ITALICS-IT SHOWS CHARACTERS IN <FONT

You might also like