Scribd
Upload
36 views32 pages

Practical File: Atulya X-C ROLL - NO. 9 Summited To - Bharti M'Aa'M

This document contains a practical file submitted by Atulya to Bharti M'aa'm. It includes 20 questions asking to create different elements in HTML pages like setting backgrounds, adding headings, paragraphs, forms, tables, lists, links and using CSS for styling. For each question, Atulya provides the code for the requested HTML element.

Uploaded by

Atulyaa
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
36 views32 pages

Practical File: Atulya X-C ROLL - NO. 9 Summited To - Bharti M'Aa'M

This document contains a practical file submitted by Atulya to Bharti M'aa'm. It includes 20 questions asking to create different elements in HTML pages like setting backgrounds, adding headings, paragraphs, forms, tables, lists, links and using CSS for styling. For each question, Atulya provides the code for the requested HTML element.

Uploaded by

Atulyaa
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 32

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………

You might also like