Ravi Wordpad

RAVI KUMAR BCAE2 2699
CREATE A HTML FILE FOR DISPLAYING A WEBPAGE WITH FOLLOWING
contain a brief description about all these tags:

1. Bold
1. Italics
1. Underline
1. Alignment
1. Paragraph
1. Text color
1. Headings
1. HR
1. Background Color
10. Line break
11. Pre
CODE:
<html>
<head>
<title>RAVI KUMAR </title>
</head>
<body bgcolor="RED" text="GREEN">
<b>My name is RAVI</b><br>
<i>My name is RAVI</i><br>
<u>My name is RAVI</u><br>
<hr size=4 color="red">
<p align=center>
<h2>Speed</h2>
A computer works with much higher speed and accuracy compared to humans while performing
mathematical calculations. Computers can process millions (1,000,000) of instructions per second. The
time taken by computers for their operations is microseconds and nanoseconds.
</p>
<pre>
Name Class
RAVI BCA I E2
VIKASH BCA I E2
MOHANI</pre>
</body>
</html>
Q2: Design a Web Site with the name as HTML tutorial with following specifications:

Make following hyperlinks (i.e. 3 different web pages) on home page and connect the following
pages with external hyperlinking:

Page 1: (format.html)
Formatting Styles and Headings: Include Bold, italics, Underline, Strike, Subscript, superscript
and all six type of headings

Page 2: (font.html)
Font Styles and Images: Font, Image tag

Page 3: (marq.html)
Marquee description and usage

Include following specifications:
 In all these web pages only mention about use apply them.
 Insert a background image on home page
 Insert background color on rest 3 web pages
 Insert a marquee showing “Welcome to my website” as moving text.
 On every page, make a hyperlink for going back to home page.
 CODE:
<html>
<head>
<title> main </title>
</head>
<body bgcolor=green>
<h1 align= center> HOMEPAGE </h1>
This page will provide details about some of the measure tags that we used in HTML.<br>
<br>
<a href="format.html">FORMATTING STYLES</a><br>
<a href="font.html">FONT STYLES</a><br>
<a href="marquee.html">MARQUEE STYLES</a><br>
</body>
</html>
2. <html>
<head>
<title> marquee </title>
<body bgcolor=pink>
Marquee Tag enables us to display scrolling and animated text in a web page.<br>
for example: <marquee> welcome to my website </marquee> <br>
<a href=homepage.html> GO BACK TO HOMEPAGE</a>
</body>
</html>
<html>
<head>
3. <html>
<head>
<title> format </title>
<body bgcolor=voilet>
<a href="#bottom">go back to bottom</a>
<a name="top"></a>
1. Bold Tag (B) is used to bold a text. <br>
for example: <b> My name is ravi </b><br>
2. Italics Tag is used to display a text in italics. <br>
for example: <i> I am currently pursuing BCA. </i><br>
3. Underline tag is used to underline a text.<br>
for example: <u> from IINTM institute.</u><br>
4. Strike Tag gives tag the appearance of a strikethrough which draws a horizontal line over a text.<br>
for example: I am doing <strike> htem </strike> HTML.<br>
5. Superscript Tag helps to appear a character above the normal line.<br>
for example: x <sup>2</sup><br>
6. Subscript Tag helps to appear a character below the normal line.<br>
for example : y<sub>2</sub><br>

7. H1 Tag gives the largest heading.<br>
for example: <h1>ravi kumar</h1> <br>
8. H2 Tag give second largest heading.<br>
for examle: <h2> BCA </h2><br>
9. H3 Tag gives third largest heading<br>
for example: <h3> IINTM </h3><br>
10. H4 Tag gives fourth largest heading.<br>
for example: <h4> JANAKPURI </h4><br>
11. H5 Tag gives fifth largest heading.<br>
for example <h5> GOOD MORNING </h5><br>
12. H6 Tag gives the smallest heading.<br>
for example: <h6> HELLO</h6><br>
<a href=#"top"> go back to top </a>
<a name="bottom"></a><br>
</body>
</html>
4. <html>
<head>
<title> font </title>
<body background=C:\Users\ravi7\Desktop\NOTEPAD\554PP.jfif >
<center>Hello. My name is ravi</center><br>
</body>
</html>
Q3.
Design a Web Page of your CV with headings as Name, Objective, educational qualification,

achievements, strengths, hobbies and personal details(father’s name, DOB, contact no, mail id,
address).
Apply following specifications:

 Insert a horizontal line after every above mentioned heading and content (Eg.
Insert horizontal line once objectives are complete)
 Set any light color as page background.
 Bold and underline every heading
 Insert your image on left side of web page
 Use heading tag to specify the headings
 Use pre tag for Educational Qualification
Code
<html>
<head>
<title> ravi kumar 2699 </title>
</head>
<body bgcolor=red>
<font face= yellow><center> CV </font></center>
<h1 align=center></h1>
<br>
<b><u> NAME </b></u> <br>

RAVI KUMAR <br>
<hr>
<b><u> OBJECTIVE </b></u> <br>
I want to improve my computer skills.<br>
And also want to be aN ENTERPRENURE<br>
<hr>
<b><u> EDUCATIONAL QUALIFICATION </b></u><br>
<pre>
CLASS BOARD PERCENTAGE YEAR OF PASSING
X CBSE 84% 2019
XII CBSE 82% 2021
GRAD. BCA PERSUING PERSUING
</pre>
<hr>
<u><b> ACHIVEMENTA </u></b><br>
1st position in FOOTBALL( inter school)<br>
2nd position in BADMINTON(inter school)<br>
1st position in CHESS (inter school)<br>
2st position in CARROM (intra school)<br>
<hr>
<u><b> PERSONAL DETAIL </u></b><br>
FATHER’S NAME =DINESHWAR YADAV<br>
DOB= 18thapril2002<br>
EMAIL= ravikr1804@gmail.com<br>
CONTACT NO.= 7494089103<br>

<hr>
</body>
</html>
Q4. Write a HTML code to print the following lines in same manners:

In Mathematics, a quadratic equation is a polynomial equation of the second degree.
The general form is
ax2+bx+c=0
Where != 0 (For if a=0, the equation becomes
a linear equation)
"CHEMICAL EQUATION"

4H3PO3 = 3H3PO4+PH3
and other expression as
Pnew= Pold + X2-Yacosx
Code
<html>
<head>
<title> formula </title>
<body bgcolor=pink>
Mathematics,a quadratic equation is a polynomial equation of the second degree.<br>
the general form is:<br>
<center> ax<sup>2</sup>+bx+c=0</center><br>
where !0 (for if a=0, the equation became lenear equation).
<hr>
<center><u>CHEMICAL EQUATION </u></center><br>
<br>
<center> 4H<sub>3</sub>PO<sub>3</sub> =
3H<sub>3</sub>PO<sub>4</sub>+PH<SUB>3</sub><br>
<center> and the other expression as </center>
<center> P<sub>new</sub> = P<sub>old</sub>+x<sup>2</sup>-y<sup>acosx</sup>
</body>
</html>
Q5: Create a HTML webpage which display the following list.
FRUITS & VEGETABLES

A. Vegetables
• Onion
• Tomato
• Radish
• Potato
• Carrot
cauliflower
B. Fruits
• Apple
• Banana
• Water-Melon
• Mango
• Grapes
Newspaper & Magazine
o Newspaper
5. The Times of India
6. Hindustan Times
7. Navbharat Times
8. Punjab Kesari
9. parbhat khabar
o Magazine
i. Business Times
ii. The Week
iii. India Today
iv. Harvard Business Review
v. Computer World
Apply following parts:
Put horizontal line after newspaper and magazine
Apply heading tag for newspaper and magazine
Use different font styles
Apply a background color .Insert marquee tag displaying “Newspapers and Magazines”
CODE:
<html>
<head>
<title> ravi kumar</title>
</head>
<body bgcolor=yellow>
<h3> <i>FRUITS AND VEGETABLE<i> </h3>
<ol type=A>
<li><u>VEGETABLES</U></li>
<ul type=disk >
<li> Onion</li>
<li>Tomato </li>
<li>Radish </li>
<li> Potato </li>
<li> Carrot </li>

<li>cauliflower</li>
</ul>
<li><u> Fruits</u> </li>
<ul type=disk>
<li>Apple</li>
<li> Banana </li>
<li>Water-Melon</li>
<li>Mango</li>
<li>Grapes </li>
</ul>
</ol>
<marquee> Newspaper & Magazine</marquee>
<hr>
<ul type=circle>
<li> <u>Newspaper</u></li>
</ul>
<ol type=1 start=5>
<li> The Times of India</li>
<li>Hindustan Times</li>
<li> Navbharat Times</li>
<li> Parbhat khabar</li>
<li> Dainik Jagran </li>
</ol>
<ul style=circle>
<li><u>Magazine </u></li>
</ul>
<ol type=i>
<li> Business Times</li>
<li> The Week </li>
<li> India Today</li>
<li>Harvard Business Review</li>
<li> Computer World </li>
</ol>
</body>
</html>
Q6: Create a nested list as follows:

Computer System
1. Input Devices
i. Keyboard
ii. Mouse
iii. Joystick
iv. Scanner
a. Flat Bed Scanner
b. Hand held Scanner
2. Output Devices
i. Monitor
a. LCD
b. CRT
ii. Printer
a. Impact Printer
b. Non Impact Printer
Apply following parts:
Insert an image of computer on top right corner of web page
Display a marquee displaying “Input and Output Devices”
Use different font styles and colors for Input and Output Devices
Insert horizontal line after Input Devices are over
Use bold, italics and underline in headings
Code
<html>
<head>
<title> ravi kumar</title>
<h3>COMPUTER </h3>
<ol>
<li><marquee> INPUT DEVICES </marquee>
</ol>
<ol type=i>
<li> KEYBOARD</li>
<li> MOUSE </li>
<li> JOYSTICK </li>
<li> SCANNER </li>
</ol>
<ol type=a>
<li> FLAT BED SCANNER </li>
<li> HAND HELD SCANNER </li> <hr>
</ol>
<ol>
<li><marquee> OUTPUT DEVICES </li></marquee>
</ol>
<ol type=i>
<li><u><i><b> MONITOR </li></u></i></b>
</ol>
<ol type=a>
<li> LCD </li>
<li> CRT </li>
</ol>
<ol type=i>
<LI><B><U><I>PRINTER </LI></B></U></I>
</ol>
<ol type=a>
<li> IMPACT PRINTER </li>
<li> NON IMPACT PRINTER </li>
</body>
</html>
Q7: Create a Table??
Roll No. Name Course Marks

1 Ravi kumar BBA 78
2 Ammu BCA 62
3 Aman BBACAM 87
4 vishal BBA 67
5 nitish BBACAM 72
Code
<html>
<head>
<title> ravi kumar </title>
<body>
<table border=20 align=left/right/center
border=5
cellpadding=10
cellspacing=20
bordercolorlight=red
bordercolordark=green bgcolor=yellow>
<tr>
<th bgcolor=blue>Roll no</th>
<th>Name</th>
<th>Course</th>
<th>Marks</th>
</tr>
<tr>
<td bgcolor=brown>1</td>
<td>ravi kumar</td>
<td>BBA</td>
<td>78</td>
</tr>
<tr>
<td bgcolor=green>2</td>
<td>ammu</td>
<td>BCA</td>
<td>62</td>
</tr>
<tr>
<td bgcolor=purple>3</td>
<td>aman</td>
<td>BBACAM</td>
<td>87</td>
</tr>
<tr>
<td bgcolor=black>4</td>
<td>vishal</td>
<td>BBA</td>
<td>67</td>
</tr>
<tr>
<td bgcolor=red>5</td>
<td> nitish</td>
<td>BBACAM</td>
<td>72</td>
</tr>
</table>
</body>
</html>
Q8: Design tables as follows:

IP University Courses
Graduate Post Graduate
BBA BCA B. Tech MBA MCA M. Tech
240 120 100 200 100 80

CODE:
<HTML>
<HEAD>
<TITLE> ravi kumar </TITLE>
</HEAD>
<body bgcolor=green>
<table border=20 cellspacing=20 cellpadding=10 bordercolorlight=red bordercolordark=green
bgcolor=purple>
<tr>
<th colspan =6 bgcolor=yellow><center> IP UNIVERSITY COURSES</th></center>
</tr>
<tr>
<td colspan=3><center> GRADUATE</td></center>
<td colspan=3><center> POST GRADUATE </td></center>
<tr>
<td bgcolor=red> BBA </td>
<td bgcolor=blue> BCA </td>
<td bgcolor=red> B.TECH </td>
<td bgcolor=blue> MBA</td>
<td bgcolor=red> MCA </td>
<td bgcolor=blue> M.TECH </td>
</tr>
<tr>
<td> 240 </td>
<td> 120</td>
<td> 100 </td>
<td> 200 </td>
<td> 100 </td>
<td> 80 </td>
<table>
</BODY>
</HTML>

Q9: Create following table:

Marks
Roll No Name Course
Internal External Total
222 Ramesh BBA 20 60 80
333 ravi BCA 30 69 99

CODE:
<HTML>
<HEAD>
<TITLE> ravi kumar</TITLE>
</HEAD>
<table border=20 cellspacing=20 cellpadding=10 bordercolorlight=red bordercolordark=green
bgcolor=pink>
<tr>
<tH colspan=1 rowspan=2 bgcolor=pink><center> ROLL NO. </th></center>
<tH colspan=1 rowspan=2 bgcolor=pink><center> NAME </th></center>
<tH colspan=1 rowspan=2 bgcolor=pink><center> COURSE </th></center>
<th colspan=3 bgcolor=pink><center> MARKS </th></center?
</tr>
<tr>
<td ><center> INTERNAL </td></center>
<td ><center> EXTERNAL </td></center>
<td ><center> TOTAL </td></center>
<tr>
<td bgcolor=blue> 123</td>
<td bgcolor=red> ABC </td>
<td bgcolor=blue> BBA </td>
<td bgcolor=red> 10</td>
<td bgcolor=blue> 60 </td>
<td bgcolor=red> 80</td>
</tr>
<tr>
<td> 222 </td>
<td> ramesh</td>
<td> BBA </td>
<td> 15</td>
<td> 65 </td>
<td> 80 </td>
<TR>
<TD>333</TD>
<TD>RAVI</TD>
<TD>BCA</TD>
<TD>30</TD>
<TD>69</TD>
<TD>99</TD>
<table>
</BODY>
</HTML>
10 QUESTION SKIP……………………………………………………………………..
11 QUESTION SKIP………………………….
12 QUESTION SKIP……………………………
Q 13: Design employee registration form:

Include:
first name (textbox)
last name (textbox)
DOB (textbox)
Salary (password)
Educational qualification (dropdown list)
Hobies (checkbox)
Job type (radio button)
Address (textarea)
Submit and reset (buttons)
CODE
FORMS:
<html>
<head>
<title> RAVI KUMAR </title>
<body bgcolor=GREEN>
<H1 ALIGN="CENTER">EMPLOYEE REGISTRATION FORM </H1>
<form action="abc.HTML" method="post">

ENTER FIRST NAME:<input type="text" name="name"><br><br>
ENTER LAST NAME:<input type="text" name="age"><br><br>
ENTER YOUR AGE:<input type="text" name="age"><br><br>
ENTER SALARY:<input type="password" name="pass"><br><br>
ENTER YOUR QUALIFICATION<select><option>choose one</option><option>HIGH SCHOOL
</option><option>GRADUATE</option></select><BR><BR>
HOBBIES:
<input type="checkbox" name="che" value="TRAVEL"> TRAVEL
<input type="checkbox" name="che2" value="READING"> READING
<input type="checkbox" name="che3" value="French"> PLAYING <br><br>
JOB TYPE:
<input type="radio" name="rad" value="full time">FULL TIME
<input type="radio" name="rad" value="part time">PART TIME<br><br>
ADDRESS:<textarea NAME="ADDRESS" rows="2" cols="10"></textarea><BR><BR>
<input type="submit" value="submit">

<input type="reset" value="reset"> <br><br>
</forms>
</body>
</html>
ABC.HTML:
<html>
<head>
</head>
<body bgcolor=YELLOW>
<center><h1> THANK YOU </center></h1>
</body>
</HTML>
Q.14
CODE
<html>
<head><title>RAVI KUMAR</title></head>
<BODY bgcolor="87CEEB">
<font size="58" face="times new roman">
<table border="4" cellpadding=10 bordercolor="blue" bgcolor="white" align="center" >
<form>
<tr><td>Email Address</th><th><input type="text" name="name"> </td></tr>

<tr><td>Do you use web for</td><td><input type="checkbox" name="che" value="Hindi"> Reserch
<input type="checkbox" name="che2" value="English"> Purchase<br></td></tr>
<tr><td>occupation</td><td><select><option>choose one</option><option>business
man</option><option>Un employed</option></select></td></tr>
<tr><td>whant us to send you junk mail</td><td ><input type="radio" name="rad" value="full

time">Absolutely<input type="radio" name="rad" value="part time">No way no</td></tr>
<tr align="center"><td colspan="2"><input type="submit" value="submit"> <input type="reset"

value="reset"></td></tr>
</form>
</table>
</font>
</BODY>
</html>

Ravi Wordpad

Uploaded by

Document Information

Original Description:

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

Ravi Wordpad

Uploaded by

Copyright:

Available Formats

RAVI KUMAR BCAE2 2699

CREATE A HTML FILE FOR DISPLAYING A WEBPAGE WITH FOLLOWING

contain a brief description about all these tags:

<title>RAVI KUMAR </title>

<body bgcolor="RED" text="GREEN">

<b>My name is RAVI</b><br>

<i>My name is RAVI</i><br>

<u>My name is RAVI</u><br>

<hr size=4 color="red">

<title> main </title>

<h1 align= center> HOMEPAGE </h1>

<a href="format.html">FORMATTING STYLES</a><br>

<a href="font.html">FONT STYLES</a><br>

<a href="marquee.html">MARQUEE STYLES</a><br>

<title> marquee </title>

<a href=homepage.html> GO BACK TO HOMEPAGE</a>

<title> format </title>

<a href="#bottom">go back to bottom</a>

1. Bold Tag (B) is used to bold a text. <br>

for example: <b> My name is ravi </b><br>

2. Italics Tag is used to display a text in italics. <br>

for example: <i> I am currently pursuing BCA. </i><br>

3. Underline tag is used to underline a text.<br>

for example: <u> from IINTM institute.</u><br>

for example: I am doing <strike> htem </strike> HTML.<br>

5. Superscript Tag helps to appear a character above the normal line.<br>

for example: x <sup>2</sup><br>

6. Subscript Tag helps to appear a character below the normal line.<br>

for example : y<sub>2</sub><br>

for example: <h1>ravi kumar</h1> <br>

8. H2 Tag give second largest heading.<br>

for examle: <h2> BCA </h2><br>

9. H3 Tag gives third largest heading<br>

for example: <h3> IINTM </h3><br>

10. H4 Tag gives fourth largest heading.<br>

for example: <h4> JANAKPURI </h4><br>

11. H5 Tag gives fifth largest heading.<br>

for example <h5> GOOD MORNING </h5><br>

12. H6 Tag gives the smallest heading.<br>

for example: <h6> HELLO</h6><br>

<a href=#"top"> go back to top </a>

<a href=homepage.html> GO BACK TO HOMEPAGE</a>

<title> font </title>

<body background=C:\Users\ravi7\Desktop\NOTEPAD\554PP.jfif >

<center>Hello. My name is ravi</center><br>

<a href=homepage.html> GO BACK TO HOMEPAGE</a>

Design a Web Page of your CV with headings as Name, Objective, educational qualification,

<title> ravi kumar 2699 </title>

<font face= yellow><center> CV </font></center>

<b><u> NAME </b></u> <br>

<b><u> OBJECTIVE </b></u> <br>

I want to improve my computer skills.<br>

And also want to be aN ENTERPRENURE<br>

<b><u> EDUCATIONAL QUALIFICATION </b></u><br>

CLASS BOARD PERCENTAGE YEAR OF PASSING

X CBSE 84% 2019

XII CBSE 82% 2021

GRAD. BCA PERSUING PERSUING

<u><b> ACHIVEMENTA </u></b><br>

1st position in FOOTBALL( inter school)<br>

2nd position in BADMINTON(inter school)<br>

1st position in CHESS (inter school)<br>