DEPARTMENT OF INFORMATION

TECHNOLOGY

RECORD NOTE BOOK 2020 – 2021

UDIT201 – FOUNDATION OF INFORMATION TECHNOLOGY

NAME OF THE STUDENT :

REGISTER NUMBER :

DEPARTMENT :

YEAR :

SEMESTER :
 BONAFIDE CERTIFICATE
Name : …………………………………
Reg. No : …………………………………
Branch : …………………………………

Certified that this is the bonafide record of work done by the above
student in the ……………………………………………….............

……………………....... laboratory during the year 2021.

Head of the Department Lab in-Charge

Submitted for the practical examination held on ………………………

Internal Examiner External Examiner

 CONTENT
Date of Page
S.no Name of the experiment Signature
Experiment no
1 Basic Editing and Formatting

2 Organizational chart using Smart Art

3 Text Manipulation

4 Mail Merge

5 Form Designing
Microsoft Excel – Basic
6 editing and formatting

7 Build-in Functions of Excel

8 Payroll calculation

9 Salesman commission using if

10 Student Mark list using Nested if

Microsoft Access – create a tables

11
and records

12 Query Design – Employee Database

13 Report Design – Student

Microsoft Power point –

14
Advancement in Science

15 Create a registration form

16 Ordered List and unordered List

Experiment beyond the syllabus:

17
Image Mapping
EX.NO.1
BASIC EDITING AND FORMATTING
DATE:

Aim:
To create a resume in prescribed format using MS Word Application.

Procedure:
1. Start MS Word from start menu.
2. Select the blank document to start the document from the scratch.
3. Click on Page layout -> select margin ->select Normal.
4. Click Home menu and select font type as times new roman and
select the size as 14pt.
5. Create a title of your document and select center align from
paragraph tool bar to make title in appropriate place.
6. To separate the content in the document go to insert menu select
shapes
then select line. Drag the starting point and ending point on
your workspace.
7. Select Insert -> select table -> Insert table ->set the number of column
and rows.
8. To list the content select Bullets from paragraph tool bar and
select the appropriate bullet style.
9. Save the document go to file→ select save.
Output:

Resume
xxxxxxxxxxxxxxxxxxxxx 9444372322
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Objective:
To be given the position of ordinary seaman where i can utilize and contribute
my technical skills. To give my highest standard of discipline, professionalism,
excellent service, good moral character, and performance to your company.

Educational Qualification:

Qualification University/Board Year of study CGPA/Percentage

B.Sc Nautical AMET 2020 – 2024 9.5
Science
Higher Secondary State Board, TN 2019 -2020 90%
SSLC State Board, TN 2017-2018 93%

Computer Skills:

MS Office Package, HTML, Tally, Windows

10 Achievements:

• Higher secondary state toppers in the year 2018

• Best student award for district administration
• Runner up in the zonal tournaments Extra-Curricular activities
 • Event coordinator for the school cultural programme
• Participated in the state level volley ball tournament
• College football team captain Personal Skills

• Quick learners
• Ability to lead a team
• Good speaker
• Hard working
• Leadership quality

Personal details

Name Mohammed Kaif

Father Name Mohammed
Gender Male
DOB
Passport
Address for communication Red hills, Chennai
Contact Number 9xxxxxxxx
Email id mohxxxxxxxxxxxxxxxx

Declaration:

I hereby declare that above information is correct to my knowledge and belief. Place:
Chennai

Date: xxxxxxxxx
Result:

Thus the resume has been created successfully.

EX.NO.2 ORGANIZATION CHART FOR SHIP
DATE:

Aim:
To Create an organization chart for ship (Logistic vessel) using smart art.

Procedure:

a) Start MS Word from the start menu.

b) Select blank document to start document from the screen.
c) Click on the page layout→select Orientation→select landscape.
d) To create chart→ select insert menu→click on smartArt→click
on Hieraricity→select suitable chart from the collection.
e) Delete the extra column→click on the column→right click mouse→click on cut
to remove.
f) To Add extra column,select main column to create its sub column→right click
on the selected column→click on add shape→click add shape below.
g) To make the line of the column proper, click on design→click
layout→select standard layout
h) To change the theme of column, click on design→change colors→select
suitable color for it.
i) To save the chart→go to file→select save option.
Output:
RESULT:
Thus, the Organization chart for ships has been created successfully.
 Ex. No. 3 TEXT MANUPULATION
Date :

Aim:
To create a convocation invitation using different text manipulation functions
using MS Word.
Procedure:

1. Start MS Word from start menu.

2. Select blank document to start the document from the scratch.
3. Click on Page layout, select margin, select narrow.
4. Search for the logo of your College/ University and paste it.
5. Select WordArt to write in style.
6. To apply same format like font size, color, etc. select format painter
7. If you want to add more picture over one, right click on image and select
text wrapping (In front of text).
8. Select color of important word as per your requirement.

9. Save the document go to file, select Save.

Output:

The Member of board of management request the

Pleasure of your presence at the

to be held on Thursday, the 27th November 2022 at 3.00PM.

in Kamarajar Arangam, Anna salai,
Teynampet, Chennai – 600 006.

Dr. J. Ramachandaran
Chancellor, AMET
Will preside and award the degrees

Mr. Rizwan Soomar

CEO & Managing Director, DP World Subcontinent
Has consented to be the Chief Guest and deliver the Convocation
Address

Prof. G. Gopal Reddy

Member – University Grants Commission, New Delhi
Will be the Guest of Honour
 Degree of Doctorof Science (Honoris Causa) will be conferred
on
Mr. Paul GK Little
Principal & Chief Executive, City of Glasgow College, United Kingdom

and

Capt. Kiriti Guha

Former Chairman & Managing Director, Wallem Shipmanagement, India

Dr. Rajesh Ramachandran

Pro-Chancellor, AMET
Will deliver the Felicitation Address

Col. Dr. G. Thiruvasagam

Vice- Chancellor, AMET
And
Member of Board of Management

INSTRUCTIONS:
• Kindly bring this invitation.
• Guests are requested to be in their seats by 2.00 p.m.
• All are requested to stand up when the procession enters the hall. You
can resume your seats after the members of the procession have taken
their seats.
• At the close of the convocation, all are requested to rise for National
Anthem and remain standing till the procession leaves the hall.
• Children are not allowed inside the hall
• Use of mobile phones is not allowed inside the hall.
OUR COLLABORATIVE PARTNERS IN MARITIME EDUCATION

135, East Coast Road, Kanathur – 603 112, Chennai, India Tel: 044-2744
4625/627/628
Website : www.ametuinv.ac.in Email : office@ametuniv.ac.in

Result:
Thus the convocation invitation has been created successfully.
 EX. NO. 4 Mail Merge
DATE:

Aim:

To create a multiple offer letter with different recipient details using Mail
Merge.

Procedure:
1. Start MS Word from start menu.
2. Select blank document to start the document from the scratch.
3. Click on Page layout, select margin, select normal.
4. Click on the mailing tab and select start mail merge.
5. Write the body of the letter in the workspace.
6. Click on select Recipient and select “Type new list”.
7. Click on use an existing list (optional) to upload the recipient details.
8. Click on Insert Merge Field, insert a recipient details such as <<name>>,
<<address>>,etc.
9. Check the recipient details on the work space by selecting preview results.
10. Click on Finish and Merge to populate multiple letter with different recipient
name.
11. Save the document go to file, select save.
 JOB OFFER LETTER
Date: 2.11.2020
«Title» «First_Name»
«Address_Line_1»
«Line_2» «City»
«State» «Pin_code»

Dear, «First_Name»

Good day!
In line with your application with Alpha Corporation, we are pleased to
inform you that you have been chosen to be Trainee cadet. Should you
choose to accept, your joining date will be on June 20, 2020.
Further details about your employment shall be personally discussed to
you by one of our HR during the orientation process. Please come by the
office on the mentioned date for the employment discussion, wherein
you can also layout your inquiries, should you have any. On the other
hand, if you have initial questions, you may contact me.
Again, congratulations and we’re glad to welcome you to our company.
We look forward to having you here!

Regards,

Martha Collins
HR Executive, Alpha Corporation
Date: 2.11.2020
Mr. MOHAMMED YEHTISHAM - UZ
NO: 27TH LANE
NAVAL HOSPITAL ROAD PERIAMET
Tamil Nadu 600003

Dear, MOHAMMED YEHTISHAM - UZ

Good day!
In line with your application with Alpha Corporation, we are pleased to
inform you that you have been chosen to be Trainee cadet. Should you
choose to accept, your joining date will be on June 20, 2020.
Further details about your employment shall be personally discussed to
you by one of our HR during the orientation process. Please come by the
office on the mentioned date for the employment discussion, wherein you
can also layout your inquiries, should you have any. On the other hand, if
you have initial questions, you may contact me.
Again, congratulations and we’re glad to welcome you to our company.
We look forward to having you here!

Regards,

Martha Collins
HR Executive, Alpha Corporation

Result:
Thus the Job Offer Letter created successfully.
EX. NO. 5
FORM DESIGN
DATE: 9/11/2020

AIM: To create a job application form in prescribed format using MS-

Word.
Procedure:
1. Start MS Word from start menu.
2. Select blank document to start the document from the scratch.
3. Click on Page layout, select margin, select narrow.
4. Click on insert and select text box.
5. Click on format and select no boundary from outline.
6. Search company logo and paste it and select warp text – In front of
text.
7. Click on insert and select table as per your requirement.
8. Select merge cell and split cell as per requirement from layout.
9. Choose the color of table as you need from design.
10. Save the document go to file, select save.
 Output

EMPLOYMENT APPLICATION

Connect Your World With A Seamless Experience.

Shipping Company
123, Kothari, Sowari Palayam
Coimbatore, Tamil Nadu 641015

YOUR PERSONAL DETAILS

First Name:
Middle Name:
Last Name:
Current Address

Post Code
Telephone Mobile: Work:
Home Other:
Reason To Choose Our Company:

Where did you hear about this job role:

Social media Job centre Newspaper Others

About Yourself:
Any other detail you want us to know:

Result:
Thus the form design has been created successfully
 EXP.NO.6 Basic Editing and Formatting using
Date: M S Excel

Aim: -
To create an invoice for your company using M S Excel.

Procedure: -
1. Open M S Excel and select Blank workbook to start from scratch.
2. Write the details like Sr. No., Product, Quantity, Amount, etc in a column.
3. Fill in the details in below columns.
4. For calculating the total select all the cells below the amount column and
select auto sum.
5. To calculate Tax, type “=” Select the Amount cell Type“*18%” (as
Tax being charged is 18%)
6. To apply the formula to rest of the cells, Select the cell where formula has
already been applied and drag it till the end.
7. Also mention other necessary details like the shop address, customer, details,
other instructions, etc.
8. Merge cells according to your requirement from the Home tab after selecting
the cells needed to be merged.
9. To edit columns, select the columns Edit as necessary from Home tab.
(Alignment, Colour, Font style, etc.)
10. Borders can also be applied from the Home tab after selecting the data in
which borders are required.
11. Save your work.
Output: -

WALL MART INVOICE

Seamen's Street Date:1/12/2020
Mumbai #invoice: wmart2452
Mob. No. 91xxxxxxx Customer id: deepak1901
FAX:054xxxxxxx
Website: wallmartmumbai@wm.com

BILL TO
Mr. Deepak Sharma
Pal
Street
Mumbai
Pin:396001

ITEM
NO. PRODUCT QUANTITY PRICE AMOUNT TAX
1 Web Cam 3 3000 9000 1620
2 Earphones 2 900 1800 324
3 Speaker 2 2000 4000 720
4 Pendrive 3 900 2700 486
5 USB Cable 5 200 1000 180
6 Mouse 3 600 1800 324
7 Key Board 2 800 1600 288
8 CD Drive 4 50 200 36
9 External Hard disk 1 1200 1200 216
10 Charger 2 1300 2600 468
TOTAL 27 25900 4662
TOTAL
BILL 30562

NOTICE
1 Once purchased product can't be returned (except products with warranty)
2 No credit
3 No exchange

THANK YOU FOR SHOPPING!! HAPPY DIWALI!!

Result: -
The Invoice for the company using M S Excel has been created successfully.
 EX NO : 07 BUILT - IN FUNCTION OF EXCEL
DATE :

AIM:

To create Food Inventory Management using BUILT – IN FUNCTION OF

EXCEL.

PROCEDURE:

• Open a new MS EXCEL work sheet.

• Merge two cells and type the heading as the given invoice.
• To highlight the heading with blue color select conditional format present in the
home tab and then select new rule option.
• In the new rule option select format only top or bottom ranked values option and
then select top and click format button then select the blue color and click ok now
the heading will be set to blue color.
• In the new rule option select format only top or bottom ranked values option and
then select ok to apply the lowest or highest field.
• Set up system to track and record inventory.
• Develop specification and procedure for ordering and purchasing.
• Develop standards and procedure to efficiently receive deliveries.
• Determine the frequency and processes for reconciling inventory.
• Analyze inventory data and determine any areas for improvement.
 FOOD INVENTORY MANAGEMENT
Number of weeks 1
to plan for 6

Item

Item already
Item needed
Item to buy
Category

onboard
S.NO

AMOUNT OF
ITEM
A B C D Status
1. Baking Brown sugar, 0 15 15 15 Not required
box
2. Baking Cocoa, large 0 20 20 20 Not required
can
3. Baking Corn starch, 3 10 7 7 Stocking required
box
4. Baking Flour, 5 lb pag 0 5 5 5 Not required
5. Cleaning Dish soap 5 10 5 5 Stocking required

6. Cleaning Ant & Roach 0 1 2 2 Not required

spray
7. Cleaning Soap, laundry 2 7 5 5 Stocking required
8. Cleaning Trash bags, 2 7 5 5 Stocking required
large
9. Condiments BBQ sauce 2 7 5 5 Stocking required
10. Condiments Honey, bottles 2 7 5 5 Stocking required
11. Condiments Jelly, grape 2 7 5 5 Stocking required
12. Dairy Smart Balance, 0 6 6 6 Not required
tubs
13. Dairy, Eggs 5 10 5 5 Stocking required
warm
14. Rice & Rice, pounds 1 7 6 6 Stocking required
pasta
15. Snacks Corn chips 0 6 6 6 Not required
16. Veg, Beans, 3 8 5 5 Stocking required
canned kidney/red/bla
ck
17. Veg, Beets, canned 3 8 5 5 Stocking required
canned
18. Veg, Artichokes 1 7 6 6 Stocking required
canned
19. Veg, Corn, canned, 1 7 6 6 Stocking required
canned sweet
20. Veg, Green beans, 1 7 6 6 Stocking required
canned canned
RESULT:

Thus the Food Inventory Management using MS EXCEL application was successfully
performed and the output was observed.
EXP: 08
PAY ROLL CALCULATION using MS EXCEL
DATE:

Aim:
Create a pay roll management scale of your company.
Procedure:
a. Start MS Excel from the start menu.
b. Open a blank workbook.
c. Write the entries into specific cells.
d. Calculate the benefits using expression such as,
e. HRA=Basic pay*14%
f. PF=Basic pay*10%
g. DA=Basic pay*12%
h. Using auto sum feature calculate the Gross salary.
i. Calculate the deduction such as TAX&EPF using following expression,
j. TAX=Gross pay*10%
k. EFP=PF*50%
l. Calculate the net pay = Gross pay – TAX – EPF to find the take home salary.
m. Drag the whole cells to apply these expressions.
n. Once the manipulation is over then align the data in a proper manner.
o. Save the workbook.
Output:
S.N Employee Employee Basic Gross Net
HRA DA PF Tax EFP
O Name Designation pay Salary pay
122 450 1056
1 SUKUMAR CHIEF ENGINEER 90000 12600 10800 9000 122400 40 0 60
924 340 7983
2 RAHUL 2ND OFFICER 68000 9520 8160 6800 92480 8 0 2
204 1761
3 ROHAN DECK CADET 15000 2100 1800 1500 20400 0 750 0
ABLE BODIED 435 160 3756
4 ARJUN SEAMAN 32000 4480 3840 3200 43520 2 0 8
299 110 2582
5 SOFIA STEWARD 22000 3080 2640 2200 29920 2 0 8
652 240 5635
6 TIAGO 3RD OFFICER 48000 6720 5760 4800 65280 8 0 2
680 250 5870
7 PEPE 4TH ENGINEER 50000 7000 6000 5000 68000 0 0 0
204 1761
8 RAMYA ENGINE CADET 15000 2100 1800 1500 20400 0 750 0
476 175 4109
9 ASLAM CHIEF COOK 35000 4900 4200 3500 47600 0 0 0
1000 136 500 1174
10 SHIBIN MASTER 100000 14000 12000 0 136000 00 0 00
707 260 6104
11 HAROON BOSUN 52000 7280 6240 5200 70720 2 0 8
952 350 8218
12 DEEPAK ETO 70000 9800 8400 7000 95200 0 0 0
115 425 9979
13 ABIN DAS CHIEF OFFICER 85000 11900 10200 8500 115600 60 0 0
AKSAY 496 182 4285
14 KUMAR WIPER 36500 5110 4380 3650 49640 4 5 1
ORDINARY 326 120 2817
15 NIKIL SEAMAN 24000 3360 2880 2400 32640 4 0 6
RESULT:
Thus, the pay roll management has been created successfully.
EXP: 09
SALES COMMISSION USING NESTED IF CONDITION
DATE:

AIM:
To create MS Excel sheet to calculate salesman commission using “if”.

Procedure
1. Start MS excel from the start menu.
2. Open a blank work book.
3. Write the entries to specific cells.
4. Calculate the person’s sales amount.
5. Find out the commission percentage of the person using nested if condition.
That is,
6. =IF(D3>=15000,20, IF(D3>=10000,15, IF(D3>=5000,10, IF(D3<5000,0))))
&"%".
7. Drag down to apply to the all cells.
8. Find the exact commission also using sum condition, that is,
9. =SUM(sales amount*commission percentage)
10. If modification requires alter it using cell styles option in home menu.
11. Save the file, file→ save→ ok.
OUTPUT:

MARUTHI AM MOTORS
COMMISSION
S.NO EMPLOYEE ID EMPLOYEE NAME SALES AMOUNT COMMISSION
PERCENTAGE

1 MAMR0002 RAHUL 10000 15% 1500

2 MAMR0003 PRATHEEK 8500 10% 850
3 MAMR0004 MATHEW 6200 10% 620
4 MAMR0005 JASIR 15000 20% 3000
5 MAMR0006 AASHIK 13500 15% 2025
6 MAMR0007 AJISH 12500 15% 1875
7 MAMR0008 SHARON 7000 10% 700
8 MAMR0009 RATHEESH 12000 15% 1800
9 MAMR0010 ASWIN 11500 15% 1725
10 MAMR0011 AKHIL 4000 0% 0
11 MAMR0012 NIKIL 5000 10% 500
12 MAMR0013 NASIL 4500 0% 0
13 MAMR0014 ARUN 15600 20% 3120
14 MAMR0015 HASIR 2500 0% 0
 SALES AMOUNT PERCENTAGE
>=15000 20%
>=10000 15%
>=5000 10%
<5000 0%

RESULT:
Thus, the sales commission has been created successfully.

EXP: 10
STUDENT MARK LIST Using nested if
DATE:

Aim:
Create a MS Excel template to automate student marks list using nested if.

Procedure:
1. Start MS Excel from the start menu.
2. Open a blank work book.
3. Write the entries to specific cells.
4. Calculate the students internal mark & external mark using sum condition.
5. =sum(INTERNAL MARK + EXTERNAL MARK)
6. Calculate the grade of students using nested if condition,
7. =IF(H6>=90,"A",IF(H6>=80,"B",IF(H6>=70,"C",IF(H6>=60,"D",IF(H6>=50,
"E",IF(H6<50,"RA"))))))
8. Drag the cells to apply this condition to all cells.
9. To save the file, File→ save→ ok.
OUTPUT:
SUBJECT CODE UDNS102
SUBJECT NAME NAUTICAL PHYSICS AND TECHNOLOGY

EXTERNAL
INTERNAL
S.NO REG:NO STUDENT NAME MARKS TOTAL MARKS RESULT GRADE
MARKS (40)
(60)
1 ANS2002 RASHID 25 35 100 60 D
2 ANS2003 AMEER 30 45 100 75 C
3 ANS2004 SOUKATH 29 38 100 67 D
4 ANS2005 RAHUL 39 42 100 81 B
5 ANS2006 SIDAN 35 65 100 100 A
6 ANS2007 AKSHAY 40 59 100 99 A
7 ANS2008 FARSEEN 36 50 100 86 B
8 ANS2009 SREEHARI 34 42 100 76 C
9 ANS2010 NIKIL 31 21 100 52 E
10 ANS2011 MEVIN 40 12 100 52 E
11 ANS2012 DANIEL 28 52 100 80 B
12 ANS2013 RAYMOND 32 16 100 48 RA
13 ANS2014 SURYA 34 55 100 89 B

RESULT GRADE
 >=90 A
>=80 B
>=70 C
>=60 D
<50 RA

RESULT:
Thus, the student mark list has been created successfully.

EX. NO: 11
Create a table and Database
DATE:

AIM:

To create a table and database using Microsoft Access.

PROCEDURE:

➢ Start Menu → MS Office → MS. Access → File → New Page.

➢ Now click on MS office and click on Ms Access.
➢ Now create a table by typing all required details.
➢ Then click on “create” go to “query design” and click add tables.
➢ Then type the necessary headings in the given field which was typed initially in your
table.
➢ Then type the criteria respectively.
➢ Now save the queries and perform them.
➢ Then click the ‘File menu’ and Save the document.
OUTPUT:
RESULT:
Thus the database using MS Access is created.
 EX. NO: 12
Query Design
DATE:

AIM:

To create a database using MS Access and perform query operation

PROCEDURE:

➢ Create a query to focus on specific data.

➢ Select Create > Query Wizard.
➢ Select Simple Query, and then OK.
➢ Select the table that contains the field, add the Available Fields you want to Selected
Fields, and select Next.
➢ Choose whether you want to open the query in Datasheet view or modify the query in
Design view, and then select Finish.
OUTPUT:

Result:

Thus the Query operation has been performed successfully.

 EX. NO: 13
Report Design
DATE:

AIM:

To create a database using MS Access and generate report

1. In the Navigation Pane, click the table or query on which you want to base the report.
2. On the Create tab, in the Reports group, click Report. ...
3. For more about viewing and printing your report, see the section View, print, or send
your report as an e-mail message.
OUTPUT

Result:
Thus the MS Access report has been generated.
 EX. NO: 14
Microsoft Power point presentation
DATE:

AIM:
To create a power point presentation

Create a presentation

1. Open PowerPoint.
2. Select an option:
▪ Select Blank Presentation to create a presentation from scratch.
▪ Select one of the templates.
▪ Select Take a Tour, and then select Create, to see tips for using PowerPoint.

Add a slide

1. Select the slide you want your new slide to follow.

2. Select Home > New Slide.
3. Select Layout and the you type want from the drop-down.

Add and format text

1. Place the cursor where you want, and type.

2. Select the text, and then select an option on the Home tab: Font, Font size, Bold, Italic, Underline,
...
3. To create bulleted or numbered lists, select the text, and then select Bullets or Numbering.

Add a picture, shape, or chart

1. Select Insert.
2. To add a picture:
▪ Select Picture.
▪ Browse for the picture you want and select Insert.
3. To add a shape, art, or chart:
▪ Select Shapes, Icons, SmartArt, or Chart.
▪ Select the one you want.
▪ Select slideshow to start presentation
OUTPUT:
Result:
Thus the presentation has been created successfully
 EX. NO: 15
Create a registration form
DATE:

AIM:
Write a HTML program to create registration form

PROCEDURE:
1. Choose a HTML editor to create a html file (NOTEPAD) with extension .html
2. Create a html tag followed by head section and body section
3. Include html form components such as TextField, Radio button, list, buttons etc., with
suitable tags
4. Save the notepad file
5. Run the program in any browser to view the web page

PROGRAM:
<html>
<head><title>Popular motors</title></head>
<body>
<h1>Registration form</h1>
Name of the customer:<input type="text" size="20"><br><br><br>
Name of Refferal:<input type="text" size="20"><br><br><br>
Gender:<input type="radio" name="r">Male <input type="radio"
name="r">Female<br><br><br>
Select your favorite car:<select name="s">
<option>Swift Desire</option>
<option>Swift</option>
<option>Wagon R</option>
<option>S Cross</option>
<option>Ciaz</option>
</select><br><br><br>
Fuel type: <input type="checkbox" name="c">Petrol <input type="checkbox"
name="c">Diesel<input type="checkbox" name="c">Hybrid <br><br><br>
Address for communication:<br> <textarea name="address" rows="10" cols="30">
</textarea><br><br><br>
<input type="submit" value="Submit"> <input type="reset" value="Cancel">
</body>
</html>
 Output:

Result:
Thus the program is executed successfully
 EX. NO: 16
Ordered List and Unordered List using
DATE:
HTML

AIM:
Write a HTML program to list the item in order and unorder using HTML

PROCEDURE:
1. Choose a HTML editor to create a html file (NOTEPAD) with extension .html
2. Create a html tag followed by head section and body section
3. Include html form tags <OL> to list the item in ordered form and <UL> to list the item
unordered form
4. Run the program in any browser to view the web page

PROGRAM
<html>
<head><title>Example for ordered list and unordered
list</title></head>
<body>
<h1>List of departments(ordered list)</h1>
<ol type="A">
<li>Nautical science</li>
<li>Marine Engineering</li>
<li>Naval architecture Engineering</li>
<li>Mechanical Engineering</li>
<li>Electrical Engineering</li>
<li>Harbour Engineering</li>
<li>Petroleum Engineering</li>
</ol>
<h1>List of departments(unordered list)</h1>
<ul type="square">
<li>Nautical science</li>
<li>Marine Engineering</li>
<li>Naval architecture Engineering</li>
<li>Mechanical Engineering</li>
<li>Electrical Engineering</li>
<li>Harbour Engineering</li>
<li>Petroleum Engineering</li>
</ul>
</body>
</html>
 OUTPUT:

RESULT:
Thus the webpage has been created successfully.
 EX. NO: 17
Experiment beyond the syllabus –
DATE:
Image Mapping

AIM
Write a HTML program to create an image mapping web application

PROCEDURE

1. Choose a HTML editor to create a html file (NOTEPAD) with extension .html
2. Create a html tag followed by head section and body section
3. Create a image tag to display the image

PROGRAM
//India Map
<HTML>
<HEAD>
<TITLE>IMAGE MAP</TITLE>
</HEAD>
<BODY>
<MAP id="picture">
<AREA href="TamilNadu.html"shape="circle" coords="170,490,30"alt="Tamil Nadu" />
<AREA href="karnataka.html"shape="rect" coords="115,390,150,450"alt="karnataka" />
<AREA href="Andhrapradesh.html"shape="poly"
coords="165,355,200,355,220,380,170,425,165,355"alt="Andhara pradesh" />
<AREA href="Kerala.html"shape="poly"
coords="115,455,160,470,140,485,150,505,150,530,135,500,115,455"alt="Kerala" />
</MAP>
<IMG src="India.jpg" usemap="#picture" />
</BODY>
</HTML>

// KERALA
<HTML>
<HEAD>
<TITLE>About Tamil Nadu</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Kerala<H1></CENTER>
<HR>
<UL>
<LI>Area : 38,863 SQ.KMS.</LI>
<LI>Capital : Trivandrum </LI>
<LI>Language : Malayalam</LI>
<LI>Population : 4,28,10,600</LI>
</UL>
</BODY>
</HTML>
//ANDHRA PRADESH

<HTML>
<HEAD>
<TITLE>About Tamil Nadu</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Andhra pradesh<H1></CENTER>
<HR>
<UL>
<LI>Area : 2,75,068 SQ.KMS.</LI>
<LI>Capital : Hyderabad </LI>
<LI>Language : Telugu</LI>
<LI>Population : 7,90,10,952</LI>
</UL>
</BODY>
</HTML>
OUTPUT:

Result:
Thus the webpage has been created successfully.