Scribd
Upload
10 views29 pages

Internet and Web Application

Notes for internet and web application b.com ca second year

Uploaded by

gnanapoonkodhai2606
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
10 views29 pages

Internet and Web Application

Notes for internet and web application b.com ca second year

Uploaded by

gnanapoonkodhai2606
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/ 29

Internet and web application (practical)

1. Email address creation


2. Browsing search engine
3. Download
4. Visiting business place
5. Online library
6. Reservation train ticket
7. Chatting in yahoo messenger
8. Table handling
9. Table handling with cell padding
10. Table handling with alignment
11. Table handling with alignment and color
12. Creation of list
13. Description of list
14. Inserting image
15. Creation of web design
Ex No: 1 email address creation

Aim:
To create an email id in yahoo mail or gmail.com

Algorithm:

Start execution
Open the internet explorer and type yahoo
mail.com (or)gmail.com in the address space
When mail page has opened and click on create
new account
Enter your details in the form provide and click on
the button create any account
If email id is properly created you will enter
directly into your yahoo mailing or gmailing
environment
To sent a mail enter into new
To check mail, click on the mail
To exit from mail segment
stop the execution
Result:
Thus, email id has been created.
Ex No: 2 browsing search engine

Aim:
To process the internet on any given topic

Algorithm:
Start execution
Type the topic to be searched in the address space click
search button
Type webpage yahoo.com or any other webpage in
Click search button
Select particular site from the link of site provided
Close web page
Stop execution

Result:
Thus, a topic has been browsed in the search engine.
Ex No: 3 download

Aim:
To download any software on the web www free
download librar.co

Algorithm:
Start execution
Open internet explorer any type the worn in address
Select item (e.g.) software to be download
Select the download option and click
Save download file in folder
Close internet explorer
Stop execution

Result:
Thus, a required software has been downloaded
Ex No:4 visiting business place

Aim:
To search and visit business place on the webpage

Algorithm:
Start execution
Open webpage through internet explorer
Type the place to be visited search as tourist
Site on search engine provided
After view in the required page close internet explorer
Stop execution

Result:
Thus, a business place has been visited
Ex No: 5 online library

Aim:
To make use of online library on the net

Algorithm:
➢ start execution
➢ open an internet explorer and type know website
address and enter the title of book in the research engine
➢ select from given option and click
➢ close internet explorer after viewing the page
➢ stop execution.

Result:
Thus online library to view management books
Ex No: 6 reservation train ticket

Aim:
To reserve the airline/train tickets online

Algorithm:
➢ start execution
➢ enter www.indain.rail.gov.in / indian airline.ac.in
➢ enter detail of source to destination and book ticket
on train on particular date
➢ give detail of payment and submit
➢ print out of reservation can be taken
➢ close internet explorer
➢ stop execution

Result:
Thus online reservation has been made
Ex No: 7 chatting in yahoo messengers

Aim:
To chat using yahoo messenger

Algorithm:
➢ start execution
➢ open an internet explorer
➢ create a yahoo email id
➢ close internet explorer
➢ open yahoo messenger and enter yahoo id and
password click on sign in
➢ go to messenger on menu bar and click yahoo
chart the join room
➢ select one at the room from the given list
➢ then click on enter chart room type in security
code shown
➢ chat message will popup on screen just keep
responding to them after you finish sign
Result:
Thus chatting has been done.
Ex No: 8 table handling
Aim:
To create a table in html
Procedure:
➢ open an html file in a text or html editor
➢ add the <table>element to define the table
➢ use the <tr>element to create table rows
➢ the<th>element defines table header(column
table)
➢ use the <td>element to create table cell(data)
➢ insert data the desired data within the table
cell
➢ save the file with the html extension and
then open it in a web browser to view the table
coding :
<html>
<head>
<title>table handling</title>
</head>
<body>
<table>
<tr>
<th>name </th>
<th> DOB</th>
<th> Ph. No.</th>
<th> class</th>
<th> admin. no.</th>
</tr>
<tr>
<td>abi </td>
<td>29/09 </td>
<td> 987654321</td>
<td> I year</td>
<td> 2001</td>
</tr>
<tr>
<td> banu</td>
<td> 16/11</td>
<td> 789654321</td>
<td> I year</td>
<td>2002 </td>
</tr>
<tr>
<td>diya </td>
<td> 28/04</td>
<td> I year</td>
<td> 200</td>
<td> </td>
</tr>
</table>
</body>
</html>

Result:
thus the table for be displayed in html table
Ex No: 9 table handling and cell padding

Aim:
To create a table with cell padding in html

Procedure
➢ open an html file in a text or html editor
➢ add the <table with border and cell padding > element
to define the table
➢ use the <tr>element to create table rows
➢ the <tr>element defines table header (column table)
➢ use the <td> element to create table cells (data)
➢ insert the desire data within the table cell
➢ save the file with the html extension and then open it
in a web browser to view the table

coding:
<html>
<head>
<title>table handling </title>
</head>
<body>
<table border =”2” cell padding=”5”>
<tr>
<th>Date </th>
<th>Name </th>
<th> Qty</th>
</tr>
<tr>
<td> 1/4/2024</td>
<td>iron </td>
<td>20 tonnes </td>
</tr>
<tr>
<td> 1/1/2025</td>
<td>steel </td>
<td> 15 tonnes</td>
</tr>
<tr>
<td> 1/4/2025</td>
<td> rubber</td>
<td> 18 tonnes</td>
</tr>
</table>
</body>
</html>

Result:
Thus the table have been prepared with border and cell
padding by using html
Ex No:10 table handling with alignment
Aim:
To create a table with alignment in html

Procedure:
➢ open an html file in a text or html editor
➢ add in the table element desired background color and
alignment
➢ use the <tr> element to create table header (column
table)
➢ use the <td>element defines to create table cell (data)
➢ insert the desired data with in the table cells
➢ save the file with the html extension and then open it
in a web browser to view the table

coding:
<html>
<head>
<title>table handling </title>
</head>
<body>
<table border=”1”bgcolor=”pink”align=”center”>
<tr>
<th> Name</th>
<th>Mark </th>
<th>Result </th>
</tr>
<tr>
<td>Anathi </td>
<td> 68</td>
<td> pass</td>
</tr>
<tr>
<td> Bavya</td>
<td> 28</td>
<td> Fail</td>
</tr>
<tr>
<td>Chandra </td>
<td> 54</td>
<td> Pass</td>
</tr>
</table>
</body>
</html>

Result:
thus the table have been prepared in html
Ex No: 11 table handling with alignment and color
Aim:
to create a table with alignment and color in html

procedure
➢ open an html file in a text editor or html editor
➢ add in the table element,desired font size,color,style
and family
➢ use the <tr>element to create table header(column
table)
➢ use the <td>element to create to create table cell(data)
➢ insert the desired data within the table cell
➢ save the file with the html extension and then open it
in a web browser to view the table

coding
<html>
<head>
<title>table handling</title>
</head>
<body>
<table
border=”1”style=”font-family:arial;font-color:green;font-sty
le:italic;font-size:40;align:center”>
<tr>
<th>brand </th>
<th> model</th>
<th>price </th>
</tr>
<tr>
<td>hyundai </td>
<td> exter</td>
<td>Rs. 7.46 lacs </td>
</td>
<tr>
<td>Suzuki </td>
<td>Baleno </td>
<td>Rs.6.66 lacs </td>
</td>
<tr>
<td>TATA </td>
<td>Punch </td>
<td>Rs.6.20 lacs </td>
</td>
</table>
</body>
</html>

Result:
thus the table have been prepared using html
Ex No: 12 creation of list
Aim:
to create a program for list of order and unorder using
html
procedure
➢ it start with the <ol>tag this tag comes in pairs the
context in written between opening <ol> and
closing</ol>
➢ in this order list start with opening <li>tag and end
with</li> closing tag
➢ if you want to create ordered list just need to add
type=”a”or type=”1”to the <ol> tag
➢ close the code,stop the process

coding
<html>
<head>
<title>list</title>
</head>
<body bgcolor=”blue”text=”red”>
<ul type=”disc”>
<h1>online shopping </h1>
<hr>
<li>Amazon </li>
<li>Flipkart </li>
<li>Myntra</li>
</ul>
<ol type=”a”>
<h2> Car companies</h2>
<li> Hyundai</li>
<li>Kia </li>
<li>Tesla </li>
</ol>
</body>
</html>
Result:
thus the order and unorder list has been created by using
html
Ex No: 13 description of list
Aim:
to create a description list html

procedure
➢ creating a description list
➢ the description list can be created in html using
<dl> tag
➢ the terms are added using the <dt> tag and the
description is provided under the <dd> tag
➢ multiple term single term and a single description
➢ single term multiple description the <dt> can also
be combined with a single term with multiple
description

coding
<html>
<head>
<title>description list</title>
</head>
<body>
<h2> a description list</h2>
<dl>
<dt>HTML</dt>
<dd>Hyper Markup Language</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheet</dd>
</dl>
</body>
</html>

Result:
thus the description list have been created using html
Ex No: 14 inserting image
Aim:
To insert a image in html

procedure
➢ open a html file in a text editor or image
➢ to insert the header element and to insert a paragraph
element
➢ select image source copy and paste the location
➢ save the file with html extension and then open it in a
web browser to view the output

coding
<html>
<head>
<title>inserting image</title>
</head>
<body>
<h2> SEOUL TOWER </h2>
<p> This is the beautiful image of seoul tower </p>
<img
src=”https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd
9GcSxmjteXc_eZlmrknyBuyUrP9tKppalFBWQAg&s ”>
</body>
</html>

Result:
thus the image have been inserted in html
Ex No: 15 creation of web design
Aim:
to create a web design in the website

procedure
➢ start the purpose of the website
➢ estimate the scope of the design project
➢ spend the time planning the website
➢ create website copy for each page first
➢ design the visual element of the site
➢ test the design before launching
➢ finally, launch the website
➢ stop the process

coding
<html>
<title>Feast on wheel </title>
<head>
<font color =”pink”;font size=”30”>
<marquee direction=“left”> Feast on wheel walking
restaurant
</marquee>
</font>
</head>
<body bgcolor=”pink”>
</body>
<font color=”red”>
<font size=”20”>
starters
</font>
<li> paneer Tikka </li>
<li> Gobi 65</li>
<li> Mushroom 65 </li>
<li> Crispy corn</li>
<li> Momos</li>
<font color=”blue”>
<font size=”20”>
Main Dishes:
</font>
<li> Dosa</li>
<li>Idly </li>
<li>poori </li>
<li> Noodles</li>
<li> fried Rice</li>
<li> Pasta</li>
<a href=back.html>Back</a>
</html>

Result:
Thus the web design is created by the websites.

You might also like