Creation Of Website Using HTML5
SOP 1 Page 1
<!doctype html>
<html>
<head>
<title> JIO Fibre </title>
<meta name="authors" content="JIO Fibre">
<meta name="description" content="jio network">
<meta name="keyword" content="Fibre, Jio, network, Digital India">
<style>
body{backgroud-color:green;font-size:"20pt"}
h1{text-align:center;background-color;blue;color:white} header nav {background-color:lightred;}
header nav ul{display:inline;}
header nav ul li{list-style:"none";display:"inline";font- size:"15pt";padding:"5px"}
footer {background-color:yellow;color:"white"}
</style>
</head>
<body background="E:\IMG20201203155631.jpg">
<header>
<h1> JIO GIGAFIBER </h1>
<nav>
<ul>
<li><a herf="INDEX.html" href="INDEX.html"> HOME </li>
<li><a herf="INDEX2.html herf="INDEX2.html">
FEEDBACK </li>
</header>
<p>
<b> Cloude Backup </b>
Jio Fiber users can connect their hard drive to the the set-top- box and
access files from the JioHome app.Users will be able to access their photos
and videos from the hard drive on their tablet or phone through the JioHome app.
<u> Land or phone as intercom</u>
Jio Fiber customers can connect their smartphone or landline to their society’s reception.The
smartphone or landline can be used as an intercom in the society for any such calls.
<s> OTT conent</s> OTT
content
JioFiber let its subscribers watch OTT content for free. Subscribers will be able to enjoy JioCinema,
JioTV and JioSaavn.
Jio is also offering 'First Day First Show' service for the premium
JioFiber customers. According to this plan, customers will be able
to watch a movie on the day of its release.
</p>
<center>
<img src="C:\Users\san\Downloads\JIO FIBRE.jpg" alt="JIO FIBRE">
</center>
<br>
Email us:- infofibre@gmail.com
</footer>
</body>
</html>
Page2.html
SOP 1 Page 2
<!doctype html>
<html>
<head>
<title> FEEDBACK FORM </title>
<style>
h1{text-align:center;background-color:blue;color:white} body{background-
color:marron;}
header nav{bachkground-collor:light green;} header nav ul
{display:inline;}
header nav ul li {list-style :none;display:inline; font-size:15pt; padding:5px;}
header nav ul li a {color:red;}
</style>
</head>
<body>
<header>
<h1> FEEDBACK FORM </h1>
<nav>
<ul>
<li><a herf="C:\Users\san\Documents\INDEX.html" href="INDEX.html">
HOME </li></a>
<li><a herf="C:\Users\san\Documents\page2.html" href="page2.html">
FEEDBACK </li></a>
</ul>
</header>
<form>
YOUR NAME:<br>
<input type="text" name="full name">
<br>
YOUR EMAIL: <br>
<input type="email" name="email"><br> YOUR CONTECT NO:<br>
<input type="tel" name="contect no"><br> YOUR COMMENTS:
<br>
<textarea name="comment" rows="15" cols="25">
</textarea><br>
<input type="submit" value="submit">
</form>
</body>
</html>
Tourist places.html
Sop 2
<!doctype html>
<html>
<head>
<style>
#cityname {float:left;border:solid;border-
color:black;width:300px;
background-color:lightpink;font-style:bold;font-size:20px}
#touristplace {float:left;border:solid;border- color:black;width:300px;
background-color:lightpink;font-style:bold;font-size:20px}
</style>
</head>
<body>
<h1>
<header style="border:solid;border-color:black;background- color:lightblue;color:deeppink;text-
align:center;height:60px;width:610px;font-size:50px;margin-left:0"> Tourist places
</h1>
<div id="cityname"> CITY
NAME
<ol>
<li> Pune </li>
<li> Banglore </li>
<li> Hyderabad </li>
<li> Delhi </li>
</ol>
</div>
<div id="touristplace"> Tourist
Place in Pune
<ul>
<li>Shaniwarwada</li>
<li> Sinhgad </li>
<li> Kelkar Museum </li>
<li></li>
</ul>
</div>
</body>
</html>
Information form.html
SOP 3 page 1
<!doctype html>
<html>
<head>
<title> INFORMATION FORM </title>
</head>
<body>
<h1 align="center"> Traveller Information Form </h1>
<formname="f1">EnterYour Name :<input type="text" name="name"><br><br>
Select Date of Travel :<input type="date" Name="bday"><br><br>
Mobile No : <input type="number" numbers="10">
<br><br>
<input type="image" img src="C:\Users\san\Downloads\submit.png" width="80">
</form>
</body>
</html>
Page1.html
SOP 3 page 2
<! doctype html>
<html>
<head>
<title> Information About Transporter </title>
<style>
ul {list-weight:bold;font-size:20pt}
</style>
</head>
<body>
<header style="font-style:"italic"; font-size: 38pt">
<h1 align="center"> Information about Transporter in Details
</h1>
<ul>
<li> Name of Transporter:- Air Asia </li>
<li> Time :- 9:30 AM </li>
<li> Seat No :- B45 </li>
<li> Destination :- Delhi </li>
</ul>
<a herf="C:\Users\san\Documents\information form sop3.html"href="information form
sop3.html">
<input type="image" img src="C:\Users\san\Downloads\download.jpg" width="160">
</a>
</body>
</html>
Audio.html
SOP 4 page 1
<!doctype html>
<html>
<head>
<title> single audio </title>
</head>
<body background="C:\Users\pc-22\Downloads\download (2)surya.jpg">
<b>
<i>
<u>
<h1 align="center"> SINGLE AUDIO WITH CONTROLS </h1>
</u>
</i>
</b>
<center>
<audio controls autoplay loop=-1>
<audio src="C:\Users\pc- 22\Downloads\sample4.mp3"type="audio/mp3">
</audio>
<center>
</body>
</html
Audio1.html
SOP 4 Page 2
<!doctype html>
<html>
<head>
<title> multiple audio format </title>
</head>
<body>
<i><b><u>
<h1 align="center"> MULTIPLE AUDIO FILE PALY WITH CONTROLS </h1>
<h2>
The text between the audio tags will only be displayed in browsers that do not support the
audio element.
</h2></i>
<h3>List of sound files formats</h3>
<ol>
<li>wav-audio/wav</li>
<li>mp3-audio/mpeg</li>
<li>ogg-audio/ogg</li>
</ol>
</u></b>
<center>
<h2> Audio with Mp3 format</h2>
<audio controls autoplay>
<source src="C:\Users\san\Downloads\file_example_MP3_1MG.mp3"
type="audio/mp3">
</audio>
<br>
<h2> Audio with Ogg format</h2>
<audio controls autoplay>
<source src="C:\Users\san\Downloads\file_example_OOG_5MG.ogg"
type="audio/ogg">
</audio>
<br>
<h2> Audio with Wav format</h2>
<audio controls autoplay>
<source src="C:\Users\san\Downloads\file_example_WAV_2MG.wav"
type="audio/wav">
</center>
</audio>
</body>
</html>
video.html
SOP 5 page 1
<!doctype html>
<html>
<head>
<title> single video </title>
</head>
<body>
<b><i><u>
<h1 align="center"> SINGLE VIDEO WITH CONTROL
</h1></u></i></b><br>
<video controls autoplay >
<source src="C:\Users\san\Downloads\sample-mp4-file.mp4" type="video/mp4" >
</video>
</body>
</html>
Video2.html
SOP 5 page 2
<!doctype html>
<html>
<head>
<title> single video </title>
</head>
<body>
<b>
<i>
<u>
<h1 align="center"> MULTIPALE VIDEO WITH CONTROL </h1>
<h3> video tag is not supported in this browser
</h3>
</u>
</i>
</b>
<br>
<h3>List of sound files formats</h3>
<ol>
<li>mp4-video/mp4</li>
<li> AVI-video/AVI </li>
<li> WMV-video/WMV </li>
</ol>
<h2> Video with Mp4 format</h2>
<video controls width="300" height="200" loop="-1" autoplay>
<source src="C:\Users\san\Downloads\sample-mp4-file.mp4" type="video/mp4" >
</video>
<h2> Video with AVI format</h2>
<video controls width="250" height="175" loop="-1" autoplay>
<source src="C:\Users\san\Downloads\file_example_AVI_480_750kB.A VI"
type="video/AVI">
</video>
<h2> Video with WMV formate </h2>
<video controls width="250" height="175" loop="-1" autoplay>
<source src="C:\Users\san\Downloads\file_example_WMV_480_1_2M B.WMV"
type="video/WMV">
</video>
</body>
</html>
SOP :-06
1) Whether the site has Header Tags? If yes, which tags are there?
2) What is the comment about usability?
SOP:- 7
1) Mention grades given for the following points?
SOP: - 09
STEP 1: CREATION OF COMPANY
Step 2:- Creation of ledger
STEP 3: Voucher Entries
STEP 4:- To View Various Report
SOP 10:-
STEP 1: CREATION OF COMPANY
GST DETAILS FILL
STEP 5 :- DISPLAY REPORTS
DISPLAY REPORT
SOP11
STEP 1: CREATION OF COMPANY
STEP2:- CREATE LEDGERS
STEP 5 :- DISPLAY REPORTS
DISPLAY REPORT
SOP:12
DATABASE CONCEPTS
USING LIBREOFFICE
BASE (DBMS)
Steps for Creating a Database :-
Step3:-
