HTML

ASSIGNMENT – 01
PARAGRAPH FORMATTING
<HTML>
<HEAD>
<TITLE>FORMATTING</TITLE>
</HEAD>
<BODY>
<FONT SIZE="7">
<marquee><FONT COLOR="RED">PARAGRAPH FORMATTING</MARQUEE>
<B><font color="pink">A smile is a facial expression formed primarily by flexing the muscles at the sides of the
mouth.</b><br><br><br>
<u><font color="yellow"> Some smiles include a contraction of the muscles at the corner of the eyes, an action known as
</u><br><br><br><br>
<i><font color="black">Duchenne smile. Among humans, a smile expresses delight, sociability, happiness, joy, or
amusement.</i><br><br><br
<blink><font color="red">BE HAPPY</blink><BR><br><br>
<SUB><font color="grey">BE HAPPY</SUB><SUP>BE HAPPY</SUP><br><br><br>
<EM><font color="purple">BE HAPPY</EM><BR><br><br>

</P>
</BODY>
</HTML>
PRACTICAL FILE SUBMITTED TOWARDS THE PARTIAL FULFILLMENT OF
BACHELOR OF BUSINESS ADMINISTRATION
Trinity Institute of Innovations in Professional Studies

(Affiliated To Guru Gobind Singh Indraprastha University)
E-COMMERCE
(HTML)
Batch: 2022-2023
Submitted By: Project guide:
Mansi kashyap Dr. BP SINGH

ASSIGNMENT – 15
BODY WITH IMAGE
<html>
<head>
<title>BODYY</title>
</head>
<center><h1> BODY</h1> </center>
<body bgcolor="yellow" text="red">
One of the wonderful teachings of the Dalai Lama, something he says quite regularly,
is “My religion is kindness.” When we hear that, it resonates, because it points to
something at the core of all spiritual and humanistic paths. If we just dedicated our
lives to kindness, to the qualities of friendliness and care, we would be directly
serving peace on earth. We’d be serving social justice and the healing of our
environment. Imagine it—the world that would emerge if we all commited ourselves
to cultivating kind hearts.
</body>
</html>
ASSIGNMENT – 16
BACKGROUND WITH IMAGE
<html>
<head>
<title>body</title>
</head>
<center> <h1> BODY</h1></center>
<body background="C:\Users\my pc\Desktop\images (1).jpg" text="black">
One of the wonderful teachings of the Dalai Lama, something he says quite regularly,
is “My religion is kindness.” When we hear that, it resonates, because it points to
something at the core of all spiritual and humanistic paths. If we just dedicated our
lives to kindness, to the qualities of friendliness and care, we would be directly
serving peace on earth. We’d be serving social justice and the healing of our
environment. Imagine it—the world that would emerge if we all commited ourselves
to cultivating kind hearts.
</P>
</body>
</html>
ASSIGNMENT – 02
HEADING
<HTML>
<HEAD>
<TITLE> HEADING TAG</TITLE> </HEAD>
<BODY>
<MARQUEE BEHAVIOR= 'SCROLL'SCROLLAMOUNT='50'>
<H1>PEACE BEGINS WITH A SMILE</H1>
</MARQUEE>
</BODY>
<HTML>
ASSIGNMENT – 03
LIST IN HTML
<html>
<head>
<title>List</title>
</head>
<body>
<h1>unordered list</h1>
<h2>List of Fruits</h2>
<ul>
<li>Apple</li>
<li>Mango</li>
<li>Banana</li>
<li>Grapes</li>
<li>Orange</li>
</ul>
<h3>ordered list</h3>
<h4>List of Fruits</h4>
<ol>
<li>Apple</li>
<li>Mango</li>
<li>Banana</li>
<li>Grapes</li>
<li>Orange</li>
</ol>
</body>
</html>
<>
</html>
ASSIGNMENT - 04
NESTED LIST IN HTML
<head>
<title> Unordered List </title>
</head>
<body>
<h2>Nested Unordered List</h2>
<ul>
<li>Progrmming Languages</li>
<ul>
<li>C</li>
<li>C++</li>
<li>Java</li>
<li>Python</li>
</ul>
<li>DSA</li>
<ul>
<li>Array</li>
<li>Linked List</li>
<li>stack</li>
<li>Queue</li>
<li>Trees</li>
<li>Graphs</li>
</ul>
<li>Web Technologies</li>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>Bootstrap</li>
<li>React Js</li>
</ul>
</ul>
</body>
</html>
ASSIGNMENT – 06
HYPER LINK
<HTML>
<HEAD>
<TITLE>LINK</TITLE>
</HEAD>
<BODY>
<H1> INDIAN MONUMENTS</H1?<BR>
<A HREF='C:\Users\my pc\Desktop\RED FORT.HTML'><BR>RED FORT</A><BR>
<A HREF='C:\Users\my pc\Desktop\QUTB MINAR.HTML'>QTUB MINAR</A><BR>
<A HREF='C:\Users\my pc\Desktop\GATEWAY OF INDIA.HTML'>GATEWAY OF INDIA</A><BR>
<A HREF='C:\Users\my pc\Desktop\INDIA GATE.HTML'>INDIA GATE</A><BR>
</BODY>
</HTML>
ASSIGNMENT – 07
TIME TABLE
<HTML>
<HEAD>
<TITLE>TIME TABLE</TITLE>
</HEAD><BODY BGCOLOR="SKYBLUE">
<H1><FONT COLOUR="DARKCYAN"><CENTER>COLLEGE TIME TABLE</FONT></H1>
<TABLE BORDER="2" CELLSPACING="3" ALIGN="CENTER">
<TR>
<TH></TH>
<TH>9:30-10:25</TH>
<TH>10:25-11:20</TH>
<TH>11:20-12:15</TH>
<TH>12:15-1:15</TH>
<TH>1:15-2:10</TH>
<TH>2:10-3:05</TH>
</TR>
<TR>
<td align="center">MONDAY
<td align="center">CA
<td align="center">DTB<br>
<td align="center">E-COM<br>
<td align="center">BREAK<br>
<td align="center">E-COM LAB<br>
<td align="center">BUS.COM.<br>
<td align="center">
</tr>
<td align="center">TUESDAY
<td align="center">BE<br>
<td align="center">MINOR PROJECT<br>
<td align="center">E-COM LAB<br>
<td align="center">
</tr>
<td align="center">TUESDAY
<td align="center">MINOR PROJECT<br>
<td align="center">WEDNESDAY
<td align="center">BE
<td align="center">E-COM.<br>
<td align="center">BUS. COM.<br>
<td align="center">E-COM. LAB<br>
</tr>
<td align="center">THURSDAY</TD>
<td align="center">E-COM.<br>
<td align="center">BUS. COM.<br>
</tr>
<td align="center">FRIDAY
<td align="center">MOOC<br>
<td align="center">MINOR PROJECT-1<br>
</tr>
</body>
</html>
ASSIGNMENT – 08
DOCUMENT LAYOUT
<html>
<head>
<title>UNTITLED DOCUMENT</TITLE>
</HEAD>
<BODY><TABLE WIDTH="100%" BORDER="0">
<TR>
<TD COLSPAN="2" STYLE="BACKGROUND-COLOR:#CC99FF;">
<H1>THIS IS WEB PAGE LAYOUT USING TABLES</H1>
</TD></TR>
<TR VALIGN+"TOP"><TD STYLE="BACKGROUND-COLOR:"GREY":WIDTH:100PX:TEXT-ALIGN:TOP">
<B>MAIN MENU</B><BR/>
HTML</BR>
ASP<BR/>
JAVA...
</TD>
<TD STYLE="BACKGROUND-COLOR:#EEEEEE;HEIGHT:200PX; WIDTH:300PX;TEXT-ALIGN:TOP;">TECHNICAL AND MANAGERIAL
TUTORIALS</td></tr><tr><td colspan="2" STYLE="BACKGROUND-COLOR:#CC99777;">
<CENTER>COPYRIGHT@2014TPPL.ORG.IN</CENTER>
</TD></TR>
</TABLE>
</BODY>
</HTML>
ASSIGNMENT – 10
FRAMES
<html>
<head>
<title>frame</title>
</head>
<frameset cols="33.33%,33.33%,33.34%">">
<frameset rows="33.33%,33.33%,33.34%">
<frame src="https://i0.wp.com/www.japancitytour.com/wp/wp-content/uploads/2021/03/doraemon.jpg?
w=600&ssl=1"scrolling="no"frameborder="10"name="top"/>
w=600&ssl=1"scrolling="no"frameborder="10"name="middle"/>
w=600&ssl=1"scrolling="no"frameborder="10"name="bottom"/>
</frameset>
<frameset rows="33.33%,33.33%,33.34%">
w=600&ssl=1"scrolling="no"frameborder="10"name="top"/>
w=600&ssl=1"scrolling="no"frameborder="10"name="middle"/>
</frameset>
<frameset rows="33.33%,33.33%,33.34%">
<frame src="https://i0.wp.com/www.japancitytour.com/wp/wp-content/uploads/2021/03/doraemon.jpg?w=600&ssl=1"scrolling="no"name="top"/>
w=600&ssl=1"scrolling="no"name="middle"/>
</frameset>
</frameset>
</body>
</html>
ASSIGNMENT – 09
FORM
<Html>
<head>
<title>GOOGLE FORM</title>
</head>
<body bgcolor="Lightskyblue">
<MARQUEE BEHAVIOR="SCROLL">
<H1>GOOGLE FORM</H1></MARQUEE>
<br> <br>
<form>
<label> Firstname: </label>
<INPUT TYPE="TEXT" Name="first name" size="15"/> <br> <br>
<label> Middlename: </label>
<input type="text" name="middlename" size="15"/> <br> <br>
<label> Lastname: </label>
<input type="text" name="lastname" size="15"/> <br> <br>
<label>
Course :
</label>
<select>
<option value="Course">Course</option>
<option>BCA</option>
<option>BBA</option>
<option>B.Tech</option>
<option>MBA</option>
<option>MCA</option>
<option>M.Tech</option>
</select>
<br><br>
<label>
phone:
<input type="text"name="country code'value="+91"size="2">
</input><input type="text" name="phone" size="10"/> <br> <br>
Address<br><textarea cols="80"rows="5"value"address"></textarea>
<br><br>E-mail:input type="email" id="email" name="email"/> <br> <br> <br>
Password: <input type="Password" id="pass" name="pass"> <br> <br> <br>
Re-type password: <input type="Password" id="repass" name="repass"> <br> <br>
<input type="button" value="Submit"/>
</form>
</body>
</html>
ASSIGNMENT – 13
AUDIO
<html>
<body>
<audio controls>
<source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>
</html>
ASSIGNMENT – 12
VIDEO
<html>
<body>
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg"
type="video/ogg">
Your browser does not support the video tag.
</video>
<body>
</html>
ASSIGNMENT – 05
IMAGE
<HTLM>
<HEAD>
<TITLE>IMAGE</TITLE>
</HEAD>
<BODY BGCOLOR='GREY'>
<CENTER>
<MARQUEE>
<H1 BGCOLOR='WHITE'>RED FORT </H1></MARQUEE><BR>
<HR>
<P>
<IMG SRC='https://images.thequint.com/thequint%2F2021-12%2Ffa04c6ad-beba-4134-bf5d-9fac33ccc472%2FUntitled_design__59_.png?auto=format
%2Ccompress&fmt=webp&width=720&w=1200'ALT='RED FORT'BORDER='10' WIDHT='200' HEIGHT='200'> </P>
<FONT FACE='ARIAL' SIZE='5'COLOR='BLACK'>
<P> The Red Fort or Lal Qila (Hindustani: [la?l qi?la?]) is a historic fort
in the Old Delhi neighbourhood of Delhi, India, that historically served as the
main residence of the Mughal emperors. Emperor Shah Jahan commissioned construction
of the Red Fort on 12 May 1638, when he decided to shift his capital from Agra
fort was plundered of its artwork and jewels during Nader Delhi. Originally red and white, its design is credited to architect Ustad Ahmad
Lahori, who also constructed the Taj Mahal. The fort represents the peak in MughaL
architecture under Shah Jahan and combines Persianate palace architecture with
Indian traditions. The fort was plundered of its artwork and jewels during Nader
Shah's invasion of the Mughal Empire in 1739. Most of the fort's marble structures
were subsequently demolished by the British following the Indian Rebellion of 1857.
The fort's defensive walls were largely undamaged, and the fortress was subsequently
used as a garrison. 15 August), the prime minister hoists the Indian tricolour flag at
the fort's main gate aOn 15 August 1947, the first prime minister of India,<BR>
Jawaharlal Nehru, raised the Indian flag above the Lahori Gate. Every year on India's
Independence Day (nd delivers a nationally broadcast speech from its rampart
The Red Fort was designated a UNESCO World Heritage Site in 2007 as part of the
Red Fort Complex.</P><BR>
<P align="LEFT"><A href="C:\Users\my pc\Desktop\QUTB MINAR.HTML">

PREVIOUS</A></P>
<P ALIGN="RIGHT"><A href='C:\Users\my pc\Desktop\QUTB MINAR.HTML'><BR>NEXT</A>

QUTB MINAR
</P>
</BODY>
</HTML>
<HTML>
<HEAD>
</HEAD>
<CENTER>
<MARQUEE>
<H1 BGCOLOR='WHITE'>QUTB MINAR</H1></MARQUEE><BR>
<HR>
<P>
<IMG SRC='C:\Users\my pc\Desktop\qutub-minar-delhi (1).jpg'ALT='QUTB MINAR'BORDER='10' WIDHT='200' HEIGHT='200'> </P>
<P FONT> The Qutb Minar, also spelled Qutub Minar and Qutab Minar, is a minaret and "victory tower"
that forms part of the Qutb complex, which lies at the site of Delhi’s oldest fortified city,
Lal Kot, founded by the Tomar Rajputs.[3] It is a UNESCO World Heritage Site in the Mehrauli
area of South Delhi, India.[4][5] It is one of the most visited tourist spots in the city,
mostly built between 1199 and 1220.[6][7][4]. It can be compared to the 62-metre all-brick
Minaret of Jam in Afghanistan, of c.?1190, which was constructed a decade or so before the
probable start of the Delhi tower.[8] The surfaces of both are elaborately decorated with
inscriptions and geometric patterns. The Qutb Minar has a shaft that is fluted with "superb
</BODY>
</HTMLstalactite bracketing under the balconies" at the top of each stage.In general,minaret
we slow to be used in India and are often detached from the main mosque where they exist.
<A href='C:C:\Users\my pc\Desktop\GATEWAY OF INDIA.HTML'><BR>PREVIOUS</A>
<A href='C:C:\Users\my pc\Desktop\GATEWAY OF INDIA.HTML'><BR>NEXT</A>
GATE OF INDIA
</P></BODY>
</HTML>
<HTML>
<HEAD>
</HEAD>
<CENTER>
<MARQUEE>
<H1 BGCOLOR='WHITE'>GATEWAY OF INDIA</H1></MARQUEE><BR>
<HR>
<P>
<IMG SRC=https://img.veenaworld.com/wp-content/uploads/2021/03/Gateway-of-India-Mumbai-History-and-Heritage.jpeg?imwidth=1080'ALT='GATEWAY
OF INDIA'BORDER='10' WIDHT='200' HEIGHT='200'> </P>
<P FONT> The Gateway of India is an arch-monument built in the early 20th century
in the city of Mumbai (Bombay), India. It was erected to commemorate the landing
of King-Emperor George V, the first British monarch to visit India, in December
1911 at Strand Road near Wellington Fountain. The foundation stone was laid in
March 1913 for a monument built in the Indo-Islamic style, inspired by elements
of 16th-century Gujarati architecture. The final design of the monument by
architect George Wittet was sanctioned only in 1914, and construction was
completed in 1924. The structure is a memorial arch made of basalt, which
is 26 metres (85 feet) high, with an architectural resemblance to a triumphial
arch as well as Gujarati architecture of the time. After its construction, the
Gateway was used as a symbolic ceremonial entrance to India for important colonial
personnel. The Gateway is also the monument from where the last British troops left
India in 1948, following Indian independence. It is located on the waterfront at an
angle, opposite the Taj Mahal Palace and Tower Hotel and overlooks the Arabian Sea.
Today, the monument is synonymous with the city of Mumbai, and is amongst its prime
tourist attractions. The gateway is also a gathering spot for locals, street vendors,
and photographers soliciting services. It holds significance for the local Jewish
community as it has been the spot for Hanukkah celebrations, with the lighting of
the menorah, since 2003.
<A href='C:\Users\my pc\Desktop\INDIA GATE.HTML'><BR>PREVIOUS</A>
<A href='C:\Users\my pc\Desktop\INDIA GATE.HTML'><BR>NEXT</A>
INDIA GATE
INDIA GATE
</P>
</BODY>
</HTML>
HTLM>
<HEAD>
<TIT<LE>IMAGE</TITLE>
</HEAD>
<CENTER>
<MARQUEE>
<H1 BGCOLOR='WHITE'>INDIA GATE </H1></MARQUEE><BR>
<HR>
<P>
<IMG SRC='C:\Users\my pc\Desktop\India-Gate.jpg'ALT='INDIA GATE'BORDER='10' WIDHT='100'
HEIGHT='111:53 AM 4/6/202300'> </P>
<P FONT> The India Gate (formerly known as the All India War Memorial) is a war<BR>
memorial located near the Kartavya path on the eastern edge of the "ceremonial<BR>
axis" of New Delhi, formerly called duty patH.It stands as a memorial to 84,000<BR>
soldiers of the British Indian Army who died between 1914 and 1921 in the<BR>
First World War, in France, Flanders, Mesopotamia, Persia, East Africa,<BR>
Gallipoli and elsewhere in the Near and the Far East, and<BR>
the Third Anglo-Afghan War.13,300 servicemen's names, including some soldierS<BR>
and officers from the United Kingdom, are inscribed on the gate.<BR>
<A href='C:\Users\my pc\Desktop\HUMAYUN TOMB.HTML'><BR>PREVIOUS</A>
<A href='C:\Users\my pc\Desktop\HUMAYUN TOMB.HTML'><BR>NEXT</A>
HUMAYUN TOMB
</P>
</BODY>
</HTML>
<HTML>
<HEAD>
</HEAD>
<CENTER>
<MARQUEE>
<H1 BGCOLOR='WHITE'>HUMAYUN TOMB</H1></MARQUEE><BR>
<HR>
<P>
<IMG SRC='C:\Users\my pc\Desktop\humayuns-tomb-park1-1.jpg'ALT='HUMAYUN TOMB'BORDER='10' WIDHT='200' HEIGHT='200'> </P>
<P were to become synonyms of Mughal architecture with the architectural style
its zenith 80 years later at the later Taj Mahal. Humayun’s Tomb stands within
a complex of 27.04 ha. that includes other contemporary, 16th century Mughal
garden-tombs such as Nila Gumbad, Isa Khan, Bu Halima, Afsarwala, Barber’s Tomb
and the complex where the craftsmen employed for the Building of Humayun’s Tomb
stayed, the Arab Serai.Humayun’s Tomb was built in the 1560’s, with the
patronage of Humayun’s son, the great Emperor Akbar. Persian and Indian craftsmen
worked together to build the garden-tomb, far grander than any tomb built before
in the Islamic world. Humayun’s garden-tomb is an example of the charbaghwith
pools joined by channels. The garden is entered from lofty gateways on the south
and from the west with pavilions located in the centre of the eastern and northern walls.
</P>
</BODY>
</HTML>
ASSIGNMENT – 11
MARQUEE
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee>This is basic example of marquee</marquee>
<marquee direction = "up">The direction of text will be from bottom to top.
</marquee>
</body>
</html>

HTML

Uploaded by

Document Information

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

HTML

Uploaded by

Copyright:

Available Formats

ASSIGNMENT – 01

<SUB><font color="grey">BE HAPPY</SUB><SUP>BE HAPPY</SUP><br><br><br>

<EM><font color="purple">BE HAPPY</EM><BR><br><br>

BACHELOR OF BUSINESS ADMINISTRATION

Trinity Institute of Innovations in Professional Studies

Mansi kashyap Dr. BP SINGH

<P align="LEFT"><A href="C:\Users\my pc\Desktop\QUTB MINAR.HTML">

<P ALIGN="RIGHT"><A href='C:\Users\my pc\Desktop\QUTB MINAR.HTML'><BR>NEXT</A>

You might also like