PRACTICAL FILE
ATULYA
X-C
ROLL.NO.=9
SUMMITED TO –
BHARTI M’AA’M
Q.1 Create HTML page and give the title ‘Computer Application’ and make the background
color as green
<html>
<head>
<title>computer </title></head>
<body bgcolor="green">
ATULYA
</body>
</html>
Q.2 Give the heading ‘Exciting features offered by HTML’ as H1 to H6 tag.
<html>
<head>
<title></title></head>
<body>
<h1>Computer</h1>
<h2>Hardware</h2>
<h3>Software</h3>
<h4>Internet</h4>
<h5>Html</h5>
<h6>Device</h6>
</body>
</html>
Q3-Write a paragraph about yourself with <p> tag , font =’Times New Roman’, color=Pink
and size=8.
<ht
ml><head>
<title>practical </title>
<body>
<font face="times new roman" color="Pink" size="8px">
<p>This is my file<br>
;;;;;;
</p>
</font>
</body>
</html>
Q4-CREAT A REGESTRATION FORM.
<!DOCTYPE html>
<html>
<title>REGISTER FORM</title>
</HEAD>
<body bgcolor=yellow>
<form action="www.instagram.com">
<table>
<tr>
<td>
Name:
</td>
<td>
<input type="text"placeholder="NAME" name="">
</td>
</tr>
<tr>
<td>
password:
</td>
<td>
<input type="password"placeholder="secret" name="">
</td>
</tr>
<tr>
<td>
GENDER:
</td>
<td>
<input type="radio"placeholder="gender"
name="gender">male
<input type="radio"placeholder="gender"
name="gender">female
</td>
</tr>
<tr>
<td>
Email:
</td>
<td>
<input type="mail"placeholder="email please"
name="EMAIL"
<tr>
<td>
phonenumber:
</td>
<td>
<select>
<option>91</option>
<option>92</option>
<option>93</option>
</select>
<input type="phone"passcode="95574*****"
name=""
</td>
</tr>
<tr>
<td> <input type="submit"value="submit" name=""
</td>
</tr>
<action="https://www.instagram.com">
</table>
</form>
</body></html>
Q5-Add a link in webpage.
!DOCTYPE html>
<html>
<body BGCOLOR=pink>
<h2> HTML Image</h2><p style="color:#FF0000";>Red
paragraph text</p>
<img src="image.JPG" alt="image" width="500"
height="333">
<a href="url">www.instagam.com</a>
</body>
</html>
Q6-Add a table in webpage.
!DOCTYPE html>
<html>
<body >
<table>
<caption>Life Expectancy By Current Age</caption>
<tr>
<th colspan="2">65</th>
<th colspan="2">40</th>
<th colspan="2">20</th>
</tr>
<tr>
<th>Men</th>
<th>Women</th>
<th>Men</th>
<th>Women</th>
<th>Men</th>
<th>Women</th>
</tr>
<tr>
<td>82</td>
<td>85</td>
<td>78</td>
<td>82</td>
<td>77</td>
<td>81</td>
</tr>
</table>
</body>
<html>
Q-Add list
<HTML>
<HEAD><TITLE>INTERNET
SERVICES</TITLE></HEAD>
<BODY>
<P> INTERNET SERVICES :</P>
<OL Type="1">
<li> hello</li>
<li> FILE </li>
<li> CHAT </li>
<li> vLOGS </li>
<li> message </li>
</OL>
<P> INTERNET : </P>
<UL>
<li>WEB</li>
<li> PROTOCOL </li>
<li> CHAT ROOMS </li>
<li> BLOGS </li>
<li> </li>
</UL>
</BODY>
</HTML>
Q-8
<HTML>
<HEAD><TITLE>INTERNET SERVICES</TITLE></HEAD>
<BODY>
<P> TYPES OF SOFTWARE :</P>
<OL>
<li> System Software</li>
<UL>
<li> Operating System</li>
<li> Device Drivers </li>
<li> Utility Software </li>
</UL>
<li> Application Software </li>
<UL>
<li> Word Processing Software </li>
<li> Database Software </li>
<li> Spreadsheet Software </li>
</UL>
</BODY>
</HTML>
Q-9
<HTML>
<HEAD><TITLE>INTERNET
SERVICES</TITLE></HEAD>
<BODY>
<DL>
<DT>KEYBOARD</DT>
<DD> Keyboard is an input devices used to type and<br>
peform various functions.</DD>
<DT>MONITOR</DT>
<DD>Monitor is a type of output device which allows<br>
us to view content on our screen</DD>
</DL>
</BODY>
</html>
Q10
<HTML>
<HEAD><TITLE>LET'S MAKE A
TABLE</TITLE></HEAD>
<TABLE border="1" Align=”center”>
<TR><TH>1</TH><TH
rowspan="2">india</TH><TH>punjab</TH></TR>
<TR><TH>2</TH><TH>uttrakhand</TH></TR>
<TR><TH>3</TH><TH
rowspan="2">days<TH>monday</TH></TR>
<TR><TH>4</TH><TH>sunday</TH>
<TR><TH>5</TH><TH
rowspan="2">month</TH><TH>december</TH></TR>
<TR><TH>6</TH><TH>may</TH></TR>
</TABLE>
</BODY>
</HTML>
Q11-
<HTML>
<HEAD><TITLE>External Linking</TITLE></HEAD>
<BODY>
<Font size="6">
<P> Amenity is an amazing school. <br>
several features that makes it special</P></FONT>
<A href="https://amenityschool.in/>amenity public
school</A><br>
<P> Amenity has the finest faculty in the town with highly
<br>
cooperative teachers</P>
<A href="https://amenityschool.in/teaching-staff/">To know
about
the talented teachers click here</A>
</BODY>
</HTML>
Q12
<HTML>
<HEAD><TITLE>External Linking</TITLE></HEAD>
<BODY>
<H2>PARTS OF COMPUTER</H2>
<P>TO know about the parts of computer click here</P>
<A href="#Monitor">MONITOR</A><BR>
<A href="#Keyboard">KEYBOARD</A><BR>
<A name="Monitor">
<B>MONITOR</B>
<P>Monitor looks like a television set.
It has a screen.
If you type something on the keyboard,the word or sentence
will
appear on the screen.</P>
<A name="Keyboard">
<B>KEYBOARD</B>
<P>KEYBOARD has many buttons called keys.
We use the keyboard for typing.
You can type any letter or number by pressing the key of that
letter or number.</P>
</BODY>
</html>
Q13-
<HTML>
<HEAD><TITLE>CONSENT FORM</TITLE></HEAD>
<BODY>
<P> As you are aware that the tourist registration has begun for the<br>
tourist in case of any query please feel free to contact</P>
<A href= "mailto : [email protected]"> contact us </A>
</BODY>
</HTML>
Q14-
<html>
<head>
<title>Logical and physical tags</title></head>
<BODY>
<H1>PHYSICAL TAGS</H1>
<BIG>THESE ARE PHYSICAL TAGS</BIG><br>
<B> These affect the appearance of text</B><br>
CO <SUB>2</SUB><br>
H<SUB>2</SUB>0<br>
<H1> LOGICAL TAGS </H1>
<EM> This is a logical tag </EM>
<CITE> This the programming code </CITE><br>
<ABBR>CBSE</ABBR>
</BODY>
</HTML>
Q15-
<HTML>
<HEAD>
<TITLE>CSS INTERNAL Style Sheet</TITLE>
<style>
body{ background-color: YellowGreen; }
p { color: #fff; }
H1{ text-transform:uppercase;}
H2{ font-style:oblique;}
</style>
</HEAD>
<body>
<h1>i am atulya</h1><BR>
<p>This is india.</p><br>
<H1> 12</H1><br>
<H2> HTML </h2><br>
</body>
</html>
Q16
<html>
<body style="background-color:cyan;">
<h1 style="color:blue;">hello</h1>
<p style="color:red;">A red .</p>
<p style="Font-family:Monotype corsiva; Font
size:50px;">follow
your dream</p>
</body></html
Q17
<html>
<head><title>my css page</title>
<style>
body
{ background: lightblue url
(https://cdn.cnn.com/cnnnext/dam/assets/200924183413-
dubai-9-
1.jpg) repeat fixed center; }
</style>
</head>
<h1> THIS IS A BACKGROUND IMAGE</h1>
</body>
</html>
Q18
<html>
<head>
<style>
body {background-color: powderblue;}
p {color: red;}
</style>
</head>
<body>
<h1>CSS IS FUN </h1>
<p>CSS IS A SET OF STYLE SHEET DESIGN
PRINCIPLES THAT
DETERMINES THE VISUAL LAYOUT OF THE
CONTENT OF A WEB
PAGE.</p>
<h2> css</h2>
<p>With CSS, you can control the color, font, the size of text,
the
spacing between elements, how elements are positioned and
laid
out, what background images or background colors are to be
used,
different displays for different devices and screen sizes, and
much
more!<p>
</body>
</html>
Q19
<HTML>
<HEAD><TITLE> MY PAGE</TITLE>
<STYLE>
P,H1{TEXT-align:right}</STYLE>
</HEAD>
<BODY bgcolor="lime">
<H1> enviromrnt</H1>
<p>we should plant trees..<br></p>
<p> we should not pollute or=ur environment </p>
</body>
</html>
Q20
<HTML>
<HEAD>
<TITLE> ID Selector</TITLE>
<STYLE>
#my_id {color:red;}
#my_font_id { font-style:oblique; }
</STYLE>
</HEAD>
<BODY>
<H1 id="my_id"> ID Selector</H1>
<P id="my_font_id"> Using ID Selector in CSS</P>
</BODY>
</HTML>
Thankyou………
