Scribd
Upload
306 views23 pages

HTML Assignment: Colour

The document provides instructions for an HTML assignment to design a webpage. It includes instructions to use HTML tags to format text with different styles, sizes and colors. It also provides sample coding and output for reference. The coding section demonstrates using various HTML tags like <head>, <body>, <h1>, <p>, <font>, <b>, <i> etc. to design and style the webpage as described in the instructions.

Uploaded by

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

HTML Assignment: Colour

The document provides instructions for an HTML assignment to design a webpage. It includes instructions to use HTML tags to format text with different styles, sizes and colors. It also provides sample coding and output for reference. The coding section demonstrates using various HTML tags like <head>, <body>, <h1>, <p>, <font>, <b>, <i> etc. to design and style the webpage as described in the instructions.

Uploaded by

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

HTML Assignment

ASSIGNMENT 1
HTML tags on text arrangement, style, colour. Design a page which looks like
the text given below.
Basic HTML Display Features
Here is an example of a horizontal rule:

To begin, we can change the header size and colour of letters seen on the screen.
The font size can be changed as well, and actually gives more choices. We can
also change the appearance of words on the screen. This shows some differing
word types in a blocked quote. Now is the time for all good people to come to
the aid of their country. That was also an example of a nested command.

CODING-

<HTML>

<head>

<title>Basic</title>

</head>

<body>

<h1><center><font size="12"><u>Assignment 1: Basic HTML Display


Features</U></font></center></h1>

<p><font size="4"><b>Here is an example of a horizontal rule:</p></font>


<hr>

<font size="5">To begin we can change the<b>header size</b>

and <font color="purple">colour</font><font color="orange">


of</font><font color="green"> letters</font> seen on the screen.

The <font size="6">font size</font><br> can be changed as well, and actually


gives more choices.

We can also change the appearance of words on the screen.<br>

This shows some differing word types in a blocked quote.

Now is the <i> time</i> for all good <b>people</b> to <b>come</b> to the
<i>aid</i> of their country.<br>

This was also an example of a nested command.</p></b></font>

</body>

</html>

OUTPUT-
ASSIGNMENT-2
Basic HTML tags

Create a page that includes the following elements.


Within the head section create a web page title (displayed in title bar of browser
window): My Favourite Things
Use a colour for the background for the body.
A cantered heading (use the largest heading size) of: My Favourite Things
(remember to turn off cantering!)
Include a horizontal rule underneath the heading that is coloured, cantered,
75% of the screen’s width and has a size of 8.
Include the following introductory paragraph, filling in the blanks with the
appropriate information for yourself. Use a font size of 4 and a font face of
Comic Sans MS:
My name is _________ and I am a __________ at BCIPS. This web page lists
my favorite foods, favorite television shows.
Remember to turn off the paragraph!
Insert another blank line (a line break) after the paragraph.
Using a heading size of 2, key the following heading: My Favorite Foods.
Using an unordered list, include five of your favorite things to eat. Use a colored
font with a size of 4, with a font face of your choice
Insert another blank line after the list.
Using a heading size of 2, key the following heading: My Favorite TV Shows.
Using an ordered list, list your top five favorite television shows. Use the same
font settings as the unordered list.

CODING-
<html>
<head>
<title>My Favorite Things</title>
</head>
<body bgcolor="PINK">
<h1><p align="center"><u>My Favorite Things</h1></u></p>
<br>
<hr>
<p><font size="4" face="comic sans MS" color="balck">
My name is SONALI CHAUHAN and I am a MBA student at BCIPS. This web
page lists my favorite foods,
favorite television shows.
</font>
</p>
<br>
<hr>
<h2><u>My Favorite foods</u></h2>
<ul type="square">
<li>Dosa</li>
<li>Rasgulla</li>
<li>Fruit Custard</li>
<li>Pizza</li>
<li>Ice Cream</li>
</ul>
<h2><u>My Favorite TV Shows.</u></h2>
<ul type="square">
<li>SA RE GA MA PA</li>
<li>VIRAL News</li>
<li>Comedy Nights with Kapil</li>
<li>Movies</li>
<li>Crime Petrol</li>
</ul>
</html>

OUTPUT-
ASSIGNMENT-3
Create a web page including HTML image tag and anchor tag.

In notepad create a webpage using the following step by step guidelines. Make
sure and save your file in your HTML folder :

Make sure and use indentation and blank lines to keep your HTML easy to
read!

Start your web page with an <html> tag

Add a heading <head> area with a <title> tag.

Your title should be: HTML 3 Lastname Firstname

Where Lastname and Firstname is YOUR Lastname and Firstname

Make sure and close out the head and title tags

You can now start the <body> section.


Add the following text using <H1> and </H1> tags: This Web page was Designed
by (your name)

Add the following text using <H2> and </H2> tags: My third HTML assignment

Use the <hr> to add a horizontal line

Insert an image to your web page.

Note:

✓ The following is very important. You should save your image in the same
folder as your web page.
✓ You should then refer to your image with just the filename, and NOT the
entire pathname to the file.
Use the <hr> to add another horizontal line.

Enter a paragraph of text using the <p> tag.

Talk about things you have learned in html.

Make sure the text in this paragraph is a color other than black.

Add a link that takes you to your favorite webpage.

Make sure and close out the <p> tag.

Use the <p> tag to start a new paragraph.

For review, add a three item ordered list.

Use </body> and </html> to close out your body and html tags.

CODING-

<html>

<head >
<title>HTML 3 Chauhan Sonali</title>

</head>

<body>

<h1><p align="center"><u>SONALI CHAUHAN</u></p></h1>

<br>

<H2><P ALIGN="CENTER"><U>My Third HTML Assignment</p>

<hr>

<p align="center"><img src="C:\Users\Sonali\Desktop\BCIPS.jpg"


height="150" width="300">

</p>

<hr>

<p>

<font color ="red">

HTML (Hyper Text Markup Language) is a web-based language that tells your
browser how

to showcase text and images on a webpage. You use tags to indicate the various
elements, determine the

placement of paragraphs, headings, add images and videos.

</p>

<p>I have learnt about

varrious tags in html like image tag , body tag, title tag, like how to
apply link for eg. <a href="https://www.youtube.com/">Click here for
Youtube</a> in html and how to add images. we also learnt about ordered and
unordered lists

in html.</p>

</font>

<p>Review

<ol type="1">

<li>HTML is Easy to Use and it is very easy to learn and understand.</li>

<li>HTML is supported by all Browsers.</li>

<li>HTML can Integrate Easily with Other Languages.</li>

</ol>

</p>

</body>

</html>

OUTPUT-
ASSIGNMENT 4-
Create a web page including HTML table tag
Draw the tables given below using HTML table tag:
Conference Schedule
Convention Office and Press Room 8:00 am to 6:00 pm
Registration 8:00 am to 6:00 pm
Professional Placement Service 8:00 am to 6:00 pm
Panel Paper Room Sales 9:30 am to 5:30 pm
Exhibits 9:30 am to 5:30 pm
Child Care 8:30 am to 10:00 pm

CODING-
<html>
<head>table tags</head>
<body>
<h1><center><u>Using Table Tags to display data in tabular
format</u></center></h1>
<table width="900"height="400"border="5"
bordercolor="black" cellpadding="10" cellspacing="6" align="center">
<th bgcolor="green" colspan="2">Conference Schedule</th>
<tr bgcolor="blue">
<td>Convention Ofiice and Press Room</th>
<td>8:00 am to 6:00 pm</th>
</tr>
<tr bgcolor="green">
<td>Registration</td>
<td>8:00 am to 6:00 pm</td>
</tr>
<tr bgcolor="blue">
<td>Professional Placement Service</td>
<td>8:00 am to 6:00 pm</td>
</tr>
<tr bgcolor="green">
<td>Panel Paper Room Sales</TD>
<td>9:30 am to 5:30 pm</td>
</tr>
<tr bgcolor="blue">
<td>Exhibits</td>
<td>9:30 am to 5:30 pm</td>
</tr>
<tr bgcolor="green">
<td>Child Care</td>
<td>8:30 am to 10:00 pm</td>
</tr>
</table>
</body>
</html>

OUTPUT-

ASSIGNMENT-5
Create a web page including HTML table tag
Draw the time table given below using HTML table tag:
CODING-
<html>
<head>Table Tags</head>
<body>
<h1><center><B><u>Banarsidas Chandiwala Institute of Professional
Studies,dwarka,new delhi-110045</u></b></center></h1>
<h2><center>MBA-1b</center></h2>
<table width="900"HEIGHT="400"table border="8" cell pading="10"
align="center">
<tr>
<td></td>
<td>9:00-9:50</td>
<td>9:50-10:40</td>
<td>10:40-11:00</td>
<td>11:00-11:50</td>
<td>11:50-12:40</td>
<td>12:40-1:30</td>
<td>1:30-2:20</td>
<td>2:20-3:10</td>
<td>3:10-3:20</td>
<td>3:20-4:10</td>
</tr>
<tr>
<td>MONDAY</td>
<td>CO</td>
<td>QT</td>
<td rowspan=5>Break</td>
<td>MPOB</td>
<td>LAB</td>
<td rowspan=5>Lunch Break</td>
<td>ME</td>
<td>ITM(NAS)</td>
<td rowspan=5>Short Break</td>
<td>MM(NAS)</td>
</tr>
<tr>
<td>TUESDAY</td>
<td>CO</td>
<td>QT</td>
<td colspan=2>ITM LAB</td>
<td>AFM</td>
<td>MPOB(NAS)</td>
<td>ME(NAS)</td>
</tr>
<tr>
<td>WEDNESDAY</td>
<td>AFM</td>
<td>MPOB</td>
<td>ITM</td>
<td>MM</td>
<td>LAB</td>
<td>QT(NAS)</td>
<td>AFM(NAS)</td>
</tr>
<tr>
<td>THURSDAY</td>
<td>MM</td>
<td>ME</td>
<td>ITM</td>
<td>MPOB</td>
<td>QT</td>
<td>LAB</td>
<td>CO(NAS)</td>
</tr>
<tr>
<td>FRIDAY</td>
<td>MM</td>
<td>CO</td>
<td>ITM</td>
<td>AFM</td>
<td>ME</td>
<td>LAB(nas)</td>
<td>ITM LAB(nas)</td>
</tr>

</table>
</body>
</html>

OUTPUT-

ASSIGNMENT-6
Design a form using HTML tags.
Use the form to take inputs related to personal and professional data from a
candidate taking admission in college.

CODING-
<html>
<head>
<title>FORM Design</title>
</head>
<body bgcolor="yellow">
<H1><center><u>MBA Admission Form</u></center></h1>
<form>
<font size="3">First Name:<input type="text" name="name"/></br>
Middle Name:<input type="text" name="name"/></br>
Phone number:<input type="numeric" name="phone number"/><br>
Father name:<input type="text" name="father name"/><br>
Email Id:<input type="text" name="email id"/><br>
Gender: <br>
<input type="radio" name="course" value="Male"/>Male <br>
<input type="radio" name="course" value="Female"/>Female<br>
<input type="radio" name="course" value=" other"/> Other<br>
Nationality:<input type="text" name="Nationality"/><br>
Language:<input type="text" name="Language"/><br>
CAT/CAT Roll Number:<input type="numeric" name="cat/cet roll
number"</font><br>
CAT/CAT Rank:<input type="numeric" name="cat/cet roll
number"</font><br>
Address:<br>
<textarea rows="5" cols="50" Name="address">
enter your address here....
</textarea><br>
Course: <br>
<input type="radio" name="course" value="mba"/>MBA <br>
<input type="radio" name="course" value="bba"/>BBA <br>
<input type="radio" name="course" value=" business law"/> business
law<br>
Password:<BR>
<textarea rows="1" cols="40" name="PASSWORD">
type your password here....
</textarea><br>
</FONT>
</form>
</body>

OUTPUT-
ASSIGNMENT 7-

Create three web pages including your hobbies and educational qualifications.
Create your own home page Your html file should have the following:
• Proper use of <html>, <title>, <head>, <body> tags
• A couple of headers, paragraphs and maybe even a horizontal line. (Use
the <h1> and </h1> tag for a first level header; the <p> tag for a
paragraph and <br /> for a line break; and the <hr> for a horizontal line.
• An unordered list. Hint use the <ul>, </ul> and <li> tags
• A table can also be used to put some data
• An image or graphics file
• Explore your creative side

CODING-

<html>
<head>

<title>FRAMESET</title>

</head>

<frameset rows="35%,45%,20%">

<frameset cols="20%,80%">

<frame name="top" src="a10.html">

<frame name="bottom" src="a7.html">

</frameset>

<frame name="left" src="a8.html">

<frame name="right" src="a9.html">

</frameset>

</html>

OUTPUT-
ASSIGNMENT 8-
Make a website
Using frames as an interface, create a series of web pages on any theme of your
choice. As a minimum requirement to this assignment your webpage should…
• Consist of at least 3 frames.
• Contain at least 3 urls to internet and/or intranet sites that you can reference
as
part of your job.
• Contain at least 3 references to documents/html files that you have created
• Be organized in a fashion that is logical and intuitive to you.
• Add color/textured backgrounds, add images, use different fonts, and use
tables to make your site interesting.

CODING-
<html>
<head>
<title>FRAMESET</title>
</head>

<frameset rows="33%,33%,34%">
<frameset cols="50%,50%>
<frame name="top" src="imp7.html">
<frame name="bottom" src="imp2.html">
</frameset>
<frame name="left" src="imp4.html">
<frame name="right" src="a10.html">
</frameset>
</html>

OUTPUT-

You might also like