Priya Practical File 8 Feb

Q1. Write a program in HTML to display a table ‘Without Border’ attribute.
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<TABLE>
<CAPTION> The PACE </CAPTION>
<TR>
<TD> Monica </TD>
<TD> Caroline </TD>
<TD> Gauri S. </TD>
</TR>
<TR>
<TD> Kush </TD>
<TD>Ragini</TD>
<TD>Shalu</TD>
</TR>
<TR>
<TD> Varun </TD>
<TD>Sunila</TD>
<TD> Rocky </TD>
</TABLE>
</BODY>
</HTML>
1
Output:
Q2. Write a program in HTML to display a table with ‘Border’ attribute.

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<TABLE BORDER= "3">
<TR>
<TD> CELL data </TD>
<TD> CELL DATA </TD>
</TR>
<TR>
</TR>
<TR>
</TABLE>
</BODY>
</HTML>
2
Output:
Q3. Write a program in HTML to display a table with ‘Align’ attribute.

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY BACKGROUND= "SNOW MAN.JPG">
<P>This exmple is trying to align a table according to specified alignment . This example is trying
to align a table according to specified alignment .This exmaple is trying to aling a table
according to specified alignment.
<BR>
<TABLE BORDER = "3" ALIGN = "LEFT">
<TR>
</TR>
<TR>
</TR>
</TABLE>
<BR>
3
<BR>
<BR>
<BR>
<TABLE BORDER = "3" ALIGN = "CENTER">
<TR>
</TR>
<TR>
</TR>
</TABLE>
<BR>
<BR>
<TABLE BORDER = "3" ALIGN = "RIGHT">
<TR>
</TR>
<TR>
</TR>
4
</TABLE>
<BR>
<BR>
<BR>
<BR>
</BODY>
</HTML>
Output:
Q4. Write a program in HTML to display a table with ‘Height’ and ‘Width’ attribute.
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<TABLE BORDER= "3" HEIGHT = "50%" WIDTH = "32%">
5
<TR>
</TR>
<TR>
</TR>
</TABLE>
</BODY>
</HTML>
Output:
Q5. Write a program in HTML to display a table with ‘BORDER COLOR’ attribute.
<HTML>
<HEAD>
<TITLE>
6
</TITLE>
</HEAD>
<BODY>
<TABLE BORDER= "3" BORDERCOLOR="RED">
<TR>
</TR>
<TR>
</TR>
<TR>
</TABLE>
</BODY>
</HTML>
Output:
Q6. Write a program in HTML to display a table with ‘Bgcolor’ attribute.

<HTML>
<HEAD>
7
<TITLE>
</TITLE>
</HEAD>
<BODY>
<TABLE BORDER= "3" BGCOLOR="OLIVE">
<TR>
</TR>
<TR>
</TR>
</TABLE>
</BODY>
</HTML>
Output:
Q7. Write a program in HTML to display a table with ‘Background’ attribute.

<HTML>
<HEAD>
<TITLE>
</TITLE>
8
</HEAD>
<BODY>
<TABLE BORDER= "3" BACKGROUND="TADDY.JPG" HEIGHT = "50%" WIDTH = "32%">
<TR>
</TR>
<TR>
</TR>
</TABLE>
</BODY>
</HTML>
Output:
Q8. Write a program in HTML to display a table with ‘Colspan and Rowspan’ attribute.
<HTML>
<HEAD>
9
<TITLE>
Q1
</TITLE>
</HEAD>
<BODY>
<TABLE BORDER=3>
<TR>
<TH ROWSPAN=5>
ALPHA
</TH>
<TH COLSPAN=5>
BETA
</TH>
</TR>
<TR>
<TH ROWSPAN=2>
GAMMA
</TH>
<TH COLSPAN=2>
TILDE
</TH>
<TH COLSPAN=2>
LAMBDA
</TH>
</TR>
<TR>
<TD>
1
10
</TD>
<TD>
2
</TD>
<TD>
3
</TD>
<TD>
4
</TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=2>
ZETA
</TD>
<TD COLSPAN=2>
DELETA
</TD>
<TH COLSPAN=2>
THETA
</TD>
</TR>
<TR>
<TD COLSPAN=2>
OMEGA
</TD>
<TD COLSPAN=2>
KAPPA
11
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Output:
Q9. Write a program in HTML to display a table with ‘caption’ tag.

<HTML>
<HEAD>
<TITLE>
PPPPP
</TITLE>
</HEAD>
<BODY>
<TABLE BORDER=3>
<CAPTION ALIGN=BOTTOM> TABLE WITH CAPTION </CAPTION>
<TR>
<TH>
COORDINATES 1,1
</TH>
<TH>
12
1,2
</TH>
</TR>
<TR>
<TD>
2,1
</TD>
<TD>
COORDINATES 2,2
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Output:
Q10. Write a program in HTML to display a Frame with ‘Cols’ attribute.

1.MENU.HTML
<HTML>
<HEAD>
<TITLE>
MENU
</TITLE>
</HEAD>
13
<BODY>
<H3>Nvigation Links here </H3>
<H6>MUNE</H6>
</BODY>
</HTML>
2.MAIN.HTML
<HTML>
<HEAD>
<TITLE>
MENU
</TITLE>
</HEAD>
<BODY>
<H3>Frame containing main content</H3>
<H3>................................main..............</H3>
</BODY>
</HTML>
3.PAGE1.HTML
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<FRAMESET COLS ="30%,70%">
<FRAME SRC = "MENU.HTML" NAME = "MENUFRAME">
<FRAME SRC = "MAIN.HTML" NAME = "MAINFRAME">
</HTML>
14
Output:
MENU.HTML
MAIN.HTML
PAGE1.HTML
Q11. Write a program in HTML to display a Frame with ‘Rows’ attribute.

1 MENU.HTML
<HTML>
<HEAD>
<TITLE>
MENU2.HTML
15
</TITLE>
</HEAD>
<BODY>
<H3>Nvigation Links here </H3>
<H6>MUNE</H6>
</BODY>
</HTML>
2.MAIN2.HTML
<HTML>
<HEAD>
<TITLE>
MENU
</TITLE>
</HEAD>
<BODY>
<H3>Frame containing main content</H3>
<H3>................................main..............</H3>
</BODY>
</HTML>
3.PAGE2.HTML
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<FRAMESET ROWS ="35%,65%" FRAMEBORDER="10" BORDER="15" BORDERCOLOR="PINK">
<FRAME SRC = "MENU.HTML" NAME = "MENUFRAME">
<FRAME SRC = "MAIN.HTML" NAME = "MAINFRAME">
16
<NOFRAMES>
There is no frame support on your browser.
</NOFRAMES>
</HTML>
Output:
MENU.HTML
MAIN.HTML
17
PAGE2.HTML
Q12. Write a program in HTML to display a Navigational Frame.

1.MENU3.HTML
<HTML>
<HEAD>
<TITLE>
MENU
</TITLE>
</HEAD>
<BODY BGCOLOR="PINK">
<A HREF = "ZOO.HTML" TARGET = "MAINFRAME">HOME PAGE </A>
<BR>
<A HREF = "LION.HTML" TARGET = "MAINFRAME">LIONS</A>
<BR>
<A HREF = "TIGER.HTML" TARGET = "MAINFRAME">TIGERS</A>
<BR>
<A HREF = "BEAR.HTML" TARGET = "MAINFRAME">BEARS</A>
<BR>
</BODY>
18
</HTML>
2.ZOO.HTML
<HTML>
<HEAD>
<TITLE>
About ZOO
</TITLE>
<BODY>
<P>
<H2>THE ZOO</H2>
Zoo save animals and their habitats throgh conservation learship and engaging experiences,
inspiring people to learn, care and act
<IMG SRC="ZOO1.JPG">
<IMG SRC="ZOO2.JPG">
</BODY>
</HTML>
LION.HTML
<HTML>
<HEAD>
<TITLE>
About LIONS
</TITLE>
<BODY>
<P>
<H2>THE LION</H2>
Renowned for its majesty & nicknamed "the king of the jungle ."the lion possesses both beauty
& strength.
<IMG SRC="LION1.JPEG">
19
</BODY>
</HTML>
3.LION.HTML
<HTML>
<HEAD>
<TITLE>
About LIONS
</TITLE>
<BODY>
<P>
<H2>THE LION</H2>
Renowned for its majesty & nicknamed "the king of the jungle ."the lion possesses both
beauty & strength.
</BODY>
</HTML>
4TIGER.HTML
<HTML>
<HEAD>
<TITLE>
About TIGRE
</TITLE>
<BODY>
<P>
<H2>THE TIGER </H2>
The beautiful, stiped coat & that prowerful mesmerizing gaze make the tiger one of the tiger
one of the world's most
reverizing animals
20
<IMG SRC="TIGER1.JPEG">
<IMG SRC="TIGER2.JPEG">
</BODY>
</HTML>
1. BEAR.HTML
<HTML>
<HEAD>
<TITLE>
About BEARS
</TITLE>
<BODY>
<P>
<H2>THE BEAR</H2>
Bears are extraordinarily intelligent animals. They have far superior navigation skills to humans;
excellent memories; large brain to body ratio; & use tools in varios contexts from play to
hunting & strength <BR>
<IMG SRC="BEARS1.JPG">
<IMG SRC="BEARS2.JPG">
</BODY>
</HTML>
2. PAGE3.HTML
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<FRAMESET COLS ="30%,70%">
<FRAME SRC = "MENU2.HTML" NAME = "MENUFRAME">
21
<FRAME SRC = "ZOO.HTML" NAME = "MAINFRAME">
</HTML>
Output:
1. MENU3.HTML
2. ZOO.HTML
3. LION.HTML
22
4. TIGER.HTML
5. BEAR.HTML
6. PAGE3.HTML
23
Q13. Write a program in HTML to display a Form with ‘TEXTFIELD’control.
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<FORM>
Father's Name:
<INPUT TYPE="TEXT" SIZE="20" NAME="FName">
<BR>
Mother's Name:
<INPUT TYPE="TEXT" SIZE="20" NAME="MName">
</FORM>
</BODY>
</HTML>
Output:
Q14. Write a program in HTML to display a Form with ‘TEXT AREA’ control.
<HTML>
<HEAD>
<TITLE>
</TITLE>
24
</HEAD>
<BODY>
<FORM METHOD="POST" ACTION="Mailto:[email protected]">
<TEXTAREA ROWS="5" COLS="30" WRAP="PHYSICAL" NAME="COMMENTS">
ENTER COMMENTS HERE
</TEXTAREA>
</FORM>
</BODY>
</HTML>
Output:
Q15. Write a program in HTML to display a Form with ‘RADIO BUTTON’ control.
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<FORM>
What type of lighting you have in your room? <BR>
Linhtingtype:
<INPUT TYPE ="RADIO" NAME="Ltype" VALUE="tube">TubleLight
25
<INPUT TYPE ="RADIO" NAME="Ltype" VALUE="bulb"> Bulb<BR>
Linhtingt Size:
<INPUT TYPE ="RADIO" NAME="Lsize" VALUE="Long">Long
<INPUT TYPE ="RADIO" NAME="Lsize" VALUE="medium">Medium
<INPUT TYPE ="RADIO" NAME="Lsize" VALUE="Short">Short <BR>
</FORM></BODY></HTML>
Output
Q16. Write a program in HTML to display a Form with ‘CHECKBOX’ control.

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<FORM>
I love to eat Chocolate:
<INPUT TYPE="checkbox" NAME="sweet" VALUE="Chocolate">
<BR>
I love to eat Ladoo:
<INPUT TYPE="checkbox" NAME="sweet" VALUE="Ladoo">
<BR>
26
I love to eat Cake:
<INPUT TYPE="checkbox" NAME="sweet" VALUE="Cake">
<BR>
</FORM></BODY></HTML>
Output:
Q17. Write a program in HTML to display a Form with ‘DROPDOWN’ list.

<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<FORM>
<SELECT>
<OPTION> Chocolate </OPTION>
<OPTION>Ladoo</OPTION>
<OPTION> Cake </OPTION>
</SELECT>
</FORM>
</BODY>
</HTML>
Output:
27
Q18. Write a program in HTML to display a Form with ‘SUBMIT BUTTONS’ control.
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<INPUT TYPE="SUBMIT" VALUE="Email Yourself">
</FORM>
</BODY>
</HTML>
Output:
Q19. Write a program in HTML to display a Form with ‘RESET BUTTON’ control.
Ans.
<HTML>
<HEAD>
28
<TITLE>RESET</TITLE></HEAD>
<BODY>
<FORM METHOD="POST">
<INPUT TYPE="RESET" VALUE="RESET">
</FORM>
</BODY>
</HTML>
OUTPUT:
Q20. Write a program in HTML to display a Form with ‘PASSWORD BOX’ control.
Ans.
<html>
<head><title>PASSWORD</title></head>
<form>
PASSWORD
<INPUT TYPE="PASSWORD" SIZE=6 NAME=P NAME>
</form>
</html>
OUTPUT:
29
Q21. Write a program in HTML to display a Form with ‘MULTIPLE ITEMS SELECTION’ control.
Ans.
<HTML>
<HEAD>
<TITLE> Multiple Dropdown</TITLE>
</HEAD>
<BODY>
Taste of Food
<SELECT MULTIPLE NAME="TASTE" SIZE="4">
<OPTION VALUE=INDIA>Indian </OPTION> <OPTION VALUE=CHAINESE>Chinese</OPTION>
<OPTION VALUE=MEXICAN>Mexican</OPTION> <OPTION VALUE=ITALIAN>Italian</OPTION>
<OPTION VALUE=CONTINENTAL>Continental</OPTION> <OPTION VALUE=TIIAI>TIIAI</OPTION>
<OPTION VALUE=KARIM'SSPECIL>Karim's Special</OPTION>
</SELECT>
</FORM>
</BODY>
</HTML>
Output:
30
Q22. Write a program in HTML to display a Form with all the INPUT controls.
Ans.
<html>
<head>
<title>form</title>
</head>
<body background="rose.gif">
<form action="N2.html" method="post">
<div align="center">
<h1>SEND YOUR FEEDBACK</h1>
<p>First Name <input tpye="text" name="username" size="15" maxlength="15" /></p>
<p>Last Name <input tpye="text" name="username" size="15" maxlength="15" /></p>
<u>Sex:</u> <p>Male <input type="radio" name=agree" value="yes" />Female <input
type="radio" name=agree" value="yes" /></p>
<u>Date of birth:</u> <p><select name="location">
<option>01</option>
<option>02</option>
<option>03</option>
</select>
<select name="location">
<option>Jan</option>
<option>Feb</option>
<option>Mar</option>
<option>Apr</option>
</select>
<input type="text" size="4" maxlength="4"></p>
<p>Address <input tpye="text" name="username" size="20" maxlength="30" /></p>
<p>E-mail id <input tpye="text" name="username" size="15" maxlength="35" /></p>
<u>Hobbies:</u> <p>Reading<input type="checkbox" />Sports <input type="checkbox" /></p>
31
<p>Internet<input type="checkbox" />Business <input type="checkbox" /></p>
<p><u>Please enter your comment: </u><br/><textarea name="question4" rows="10"
cols="60">
</textarea></p>
<button name="submit" type="submit">Submit</button>
<button name="Reset" type="Reset">Reset</button>
</div>
<img src="mainmenu.gif"><a href="main.html">Main Menu</a>
</form>
</body>
</html>
OUTPUT:
32
Q23. Write a program in HTML to display a Form with all the control.
<HTML>
<HEAD>
<TITLE>
form2
</TITLE>
</HEAD>
<BODY >
<H1> SMPLE FORM </H1>
</P>
<Form METHOD = Post >
<P>
Person's name:
<INPUT TYPE ="Text" NAME ="person-name" SIZE ="40" MAXLENGTH ="40">
<INPUT TYPE ="Hidden" NAME ="Recipient" SIZE ="40" MAXLENGTH ="40">
</P>
<P> Password:
<INPUT TYPE ="Password" NAME ="Password" SIZE ="10" MAXLENGTH ="10">
<P> Please Place me on your maliling list :
<INPUT TYPE ="checkbox" NAME ="mailing-list" VALUE ="YES" chrcked>
</P>
<P>What Country do you live in ?
<SELECT NAME ="Country">
<OPTION VALUE ="IND"> India
<OPTION VALUE ="USA"> United States
<OPTION VALUE ="CA"> Canada
<OPTION VALUE ="FR">France
<OPTION VALUE ="SPR"> Singapore
33
<SELECT>
</P>
<P>
Type Computer you have:
<INPUT TYPE="RADIO" NAME ="COMP-TYPE" VALUE="Inteli3"/>Intel I3
<INPUT TYPE="RADIO" NAME ="COMP-TYPE" VALUE="Inteli5"/>Intel I5
<INPUT TYPE="RADIO" NAME ="COMP-TYPE" VALUE="Inteli7" checked/>Intel I7
<INPUT TYPE="RADIO" NAME ="COMP-TYPE" VALUE="AMD FX"/>AMD FX
<INPUT TYPE="RADIO" NAME ="COMP-TYPE" VALUE="AMDATHLON"/>AMD ATHLON
</P>
<P>Comments:<BR>
<TEXTAREA ROWS="5" COLS="50" NAME="comments"> This is text that can be defaulted into
the text area field </TEXTAREA>
</P>
<P>
<INPUT TYPE ="SUBMIT" NAME="REQUEST" VALUE="Submit This Form">
<INPUT TYPE ="RESET" NAME="CLEAR" VALUE="Clear Form and Start Over">
</P>
</BODY>
</HTML>
34
Output:
Q24. Write a program in HTML to display ‘FONT-FAMILY’ property with help of CSS.
Ans.
1.CSS
P
{
Font-family:arial,comic sans-serif, "Times New Roman";
H1
{
Font-family:"Times New Roman",verdana,serif;
}
1.HTML
<HTML>
<HEAD>
<TITLE>
35
MY WEB PAGE
</TITLE>
<LINK REL="Stylesheet" HREF="1.CSS" TYPE="text/css">
</HEAD>
<BODY>
<P>
Heading 1 in Arial
</P>
<H1>
Heading 2 in Time New roman</H1>
</BODY>
</HTML>
Output:
Q25. Write a program in HTML to display ‘FONT- STYLE’ Property with help of CSS.
Ans.
2.CSS
P
{
FONT-STYLE:ITALIC;
}
H1
{
36
FONT-STYLE:OBLIQUE;
}
2.HTML
<HTML>
<HEAD>
<TITLE>
MY WEB PAGE
</TITLE>
</HEAD>
<BODY>
<P>
Heading 1 in Arial
</P>
<H1>
Heading 2 in Time New roman
</H1>
</BODY>
</HTML>
Output:
Q26. Write a program in HTML to display ‘FONT- VARIANT’ Property with help of CSS.
Ans.
3.CSS
37
P
{
FONT-VARIANT: SMALL-CAPS;
}
H1
FONT-VARIANT: NORMAL;
}
3.HTML
<HTML>
<HEAD>
<TITLE>
MY WEB PAGE
</TITLE>
<LINK REL="Stylesheet" HREF="3.CSS " TYPE="text/css">
</HEAD>
<BODY>
<P>
Heading 1 in Arial
</P>
<H1>
</H1>
</BODY>
</HTML>
38
Output:
Q27. Write a program in HTML to display ‘FONT-WEIGHT’ property with help of CSS.
Ans.
4.CSS
P
{
FONT-WEIGHT: BOLD
}
H1
{
FONT-WEIGHT: NORMAL
}
4.HTML
<HTML>
<HEAD>
<TITLE>
MY WEB PAGE
</TITLE>
<LINK REL="Stylesheet" HREF="4.CSS " TYPE="text/css">
</HEAD>
39
<BODY>
<P>
Heading 1 in Arial
</P>
<H1>
Heading 2 in time new roman
</H1>
</BODY>
</HTML>
Output:
Q28. Write a program in HTML to display ‘FONT-SIZE’ Property with help of CSS.
Ans.
5.CSS
P
{
FONT-SIZE:"30PX"
}
H1
{
FONT-SIZE:"120%"
}
40
5.HTML
<HTML>
<HEAD>
<TITLE>
MY WEB PAGE
</TITLE>
</HEAD>
<BODY>
<P>
Heading 1 in Arial
</P>
<H1>
</H1>
</BODY>
</HTML>
Output:
41
Q29. Write a program in HTML to display ‘TEXT-INDENT’ Property with help of CSS.
Ans.
6.CSS
H1
{
TEXT-INDENT:60PX
}
H2
{
TEXT-INDENT:60PT
}
H3
{
TEXT-INDENT:60EM
}
6.HTML
<HTML>
<HEAD>
<TITLE>
</TITLE>
<LINK REL="STYLESHEET" HREF="6.CSS" TYPE="TEXT/CSS" MEDIA="ALL">
</HEAD>
<BODY>
<H1>Text Under line </H1>
<H2> Text Over line </H2>
<H3> Text Line Through </H3>
</BODY>
</HEAD>
42
Output:
Q30. Write a program in HTML to display ‘TEXT-ALIGN’ Property with help of CSS.
Ans.
7.CSS
H1
{
TEXT-ALIGN: RIGHT
}
H2
{
TEXT-ALIGN: CENTER
}
H3
{
TEXT-ALIGN: JUSDTIFY
}
7.HTML
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
43
<H1>Text Underline </H1>
<H2> Text Overline </H2>
</BODY>
</HEAD>
Output:
Q31. Write a program in HTML to display ‘TEXT-DECORATION’ Property with help of CSS.
Ans.
8.CCS
H1
{
Text-DECORATION: UNDERLINE
}
H2
{
Text-DECORATION: OVERLINE
}
H3
{
Text-DECORATION: LINE-THROUGH
}
8.HTML
<HTML>
<HEAD>
44
<TITLE>
</TITLE>
</HEAD>
<BODY>
<H2> Text Over line </H2>
</BODY>
</HEAD>
Output:
Q32. Write a program in HTML to display ‘LETTER-SPACING’ Property with help of CSS.
Ans.
9.CSS
H1
{
LETTER-SPACING:30px;
45
}
9.HTML
<HTML>
<HEAD>
<TITLE>
MY WEB PAGE
</TITLE>
</HEAD>
<BODY>
<H1>
Walking with a friend in the dark is better than walking alone in the light
<br>
A friend is someone who gives you total freedom to be yourself
<br>
A true friend is one who overlooks your failures and tolerates your success!
<br>
A friend is what the heart needs all the time
</H1>
</BODY>
</HTML>
Output:
46
Q33. Write a program in HTML to display ‘TEXT-INDENT’ Property with help of CSS.
Ans.
10.css
H1
{
TEXT-TRANSFORM:CAPTALIZE
}
H2
{
TEXT-TRANSFORM: UPPERCASE
}
H3
{
TEXT-TRANSFORM: LOWERCASE
}
10.HTML
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<H2> Text Overline </H2>
</BODY>
</HEAD>
47
Output:
Q34. Write a program in HTML to display ‘FOREGROUND-COLOR’ Property with help of CSS.
Ans.
11.CSS
BODY
{
COLOR: RED
}
11.html
<HTML>
<HEAD>
<TITLE>
MY WEB PAGE
</TITLE>
</HEAD>
<BODY>
<H1>Part of Computer</H1>
<H2>1 Visual
<BR>
2 Keyboard
48
<BR>
3 Mouse
<BR>
4 Cental Processing Unit
<BR>
5 Pinter
<BR>
</H2>
</BODY>
</HTML>
Output:
Q35. Write a program in HTML to display ‘BACKGROUND-COLOR’ Property with help of CSS.
Ans.
12.CSS
BODY
{
BACKGROUND-COLOR: YELLOW;
}
12.HTML
<HTML>
49
<HEAD>
<TITLE>
MY WEB PAGE
</TITLE>
</HEAD>
<BODY>
<H2>1 Visual
<BR>
2 Keyboard
<BR>
3 Mouse
<BR>
<BR>
5 Pinter
<BR>
</H2>
</BODY>
</HTML>
50
Output:
Q36. Write a program in HTML to display ‘BACKGROUND-IMAGE’ Property with help of CSS.
Ans.
13.CSS
BODY
{
BACKGROUND-IMAGE:URL("PRIYA.JPG");
}
13.HTML
<HTML>
<HEAD>
<TITLE>
MY WEB PAGE
</TITLE>
</HEAD>
<BODY>
51
<H2>
1 Visual
<BR>
2 Keyboard
<BR>
3 Mouse
<BR>
<BR>
5 Pinter
<BR>
</H2>
</BODY>
</HTML>
Output:
Q37. Write a program in HTML to display ‘BACKGROUND-REPEAT’ Property repeated help of

CSS.
(A) To repeat the Image in Vertical direction.
(B) To repeat the Image in Horizontal direction.
(C) To display the Image without repetition.
52
Ans.
(A)
14.CSS
BODY
{
BACKGROUND-IMAGE:URL("b.JPG")
}
BODY
{
BACKGROUND-REPEAT: REPEAT-Y
}
14.HTML
<HTML>
<HEAD>
<TITLE>
MY WEB PAGE
</TITLE>
</HEAD>
<BODY>
<br>
<br>
<br>
53
</BODY>
</HTML>
Output:
(B)
14.CSS
BODY
{
BACKGROUND-IMAGE:URL("23.JPG");
COLOR: GOLD;
BACKGROUND-REPEAT: REPEAT-X
}
14.HTML
<HTML>
<HEAD>
<TITLE>
MY WEB PAGE
</TITLE>
</HEAD>
<BODY>
54
<br>
<br>
<br>
</BODY>
</HTML>
OUTPUT:
(C)
14.CSS
BODY
{
BACKGROUND-IMAGE:URL("23.JPG");
COLOR: GOLD;
BACKGROUND-REPEAT:NO-REPEAT
}
14.HTML
55
<HTML>
<HEAD>
<TITLE>
MY WEB PAGE
</TITLE>
</HEAD>
<BODY>
<br>
<br>
<br>
</BODY>
</HTML>
Output:
56
Q38. Write a program in HTML to display ‘MARGIN’ Properties with help of CSS.
18.CSS
BODY
{
MARGIN-TOP:100px;
MARGIN-RIGHT:40px;
MARGIN-LEFT:70px;
MARGIN-BOTTOM:20px;
}
18.HTML
<HTML>
<HEAD>
<TITLE>
MY WEB PAGE
</TITLE>
</HEAD>
<BODY>
<H1>
<br>
<BR>
A true friend is one who overlooks your failures and tolerates yoursuccess!
<BR>
</H1>
</BODY>
57
</HTML>
OUTPUT:
Q39. Write a program in HTML to display ‘BORDER’ Properties with help of CSS.
19.CSS
H1
BORDER-WIDTH:THICK;
BORDER-COLOR:RED;
BORDER-STYLE:DOUBLE;
19.HTML
<HTML>
<HEAD>
<TITLE>
MY WEB PAGE
</TITLE>
</HEAD>
<BODY>
<H1>
<br>
58
<BR>
A true friend is one who overlooks your failures and tolerates yoursuccess!
<BR>
</H1>
</BODY>
</HTML>
OUTPUT:
Q40. Write a program in HTML to display ‘FONT, TEXT, BACKGROUND’ Properties with help
of CSS.
40.CSS
H1
{
COLOR: RED;
FONT-FAMILY: TIMES NEW ROMAN;
FONT-SIZE:50PX;
TEXT-TRANSFORM: CAPITALIZE;
TEXT-DECORATION: UNDERLINE;
TEXT-ALIGN: CENTER;
}
P
{
FONT-FAMILY: MS Serif;
FONT-STYLE:Italic;
59
TEXT-INDENT:70PX;
FONT-SIZE:30PX;
LETTER-SPACING:7px;
COLOR:GREEN;
}
LI
{
COLOR:BLUE;
FONT-FAMILY: Rosewood Std;
TEXT-TRANSFORM:CAPITALIZE;
LETTER-SPACING:7px;
FONT-SIZE:30PX;
}
BODY
{
BACKGROUND-COLOR:PINK;
}
20.HTML
<html>
<head>
<title>using css font properties</title>
</head>
<body>
<h1>Quote of the Day</h1>
<p>
It's never too late to start over. if youn weren't happy with yesterday,
try some thering different today. Don't stay stuck. Do better
60
<ul>
<li >stay postive:) </li>
<li>stay strong!!</li>
</ul>
</p>
</body>
</html>
OUTPUT:
61
Q41. Design a page on the topic- ‘Incredible India’ using GIMP.
62
Q42. Create a Digital Poster on the topic – ‘The Seven wonders of the world’ using GIMP.
63
Q43. Design a page on the topic- ‘Seasons’ using GIMP.
64
Q44. Make a digital poster on the topic- Keys to a healthy lifestyle using GIMP.
65
Q45. Make a page on any of your recent school events using GIMP.
66
67
Q46. Create a digital poster on the topic- Indian tourism using GIMP.
68

Priya Practical File 8 Feb

Uploaded by

Copyright:

Available Formats

Priya Practical File 8 Feb

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

Priya Practical File 8 Feb

Uploaded by

Copyright:

Available Formats

Q1. Write a program in HTML to display a table ‘Without Border’ attribute.

Q2. Write a program in HTML to display a table with ‘Border’ attribute.

Q3. Write a program in HTML to display a table with ‘Align’ attribute.

Q6. Write a program in HTML to display a table with ‘Bgcolor’ attribute.

Q7. Write a program in HTML to display a table with ‘Background’ attribute.

Q9. Write a program in HTML to display a table with ‘caption’ tag.

Q10. Write a program in HTML to display a Frame with ‘Cols’ attribute.

Q11. Write a program in HTML to display a Frame with ‘Rows’ attribute.

Q12. Write a program in HTML to display a Navigational Frame.

Q16. Write a program in HTML to display a Form with ‘CHECKBOX’ control.

Q17. Write a program in HTML to display a Form with ‘DROPDOWN’ list.

Font-family:arial,comic sans-serif, "Times New Roman";

Q37. Write a program in HTML to display ‘BACKGROUND-REPEAT’ Property repeated help of

<LINK REL="Stylesheet" HREF="18.CSS" TYPE="text/css">

A friend is someone who gives you total freedom to be yourself

A friend is what the heart needs all the time

<LINK REL="Stylesheet" HREF="26.CSS" TYPE="text/css">

A friend is what the heart needs all the time

You might also like