You are on page 1of 32

Q-1 IMPLEMENT THE HTML CODING USING

1)PARAGRAGRAPH TAG
2)HEADING TAG(H1-H6)
3)DIV
4)PRE TAG
5)ADDRESS
6)BLOCKQUOTE

<HTML>
<HEAD>
<TITLE>HTML TAGS</TITLE></HEAD>
<BODY TEXT="NEW ROMAN" SIZE="14">
<H1> THIS IS MY FIRST HTML DOCUMENT/ WEBPAGE.IN THIS I AM USING
DIFFERENT TAGS OF HTML</H1>
<P> PRE TAG</P>
<P>PARAGRAPH TAG</P>
<P>FONT TAG</P>
<BLOCKQUOTE>HTML STANDS GOR HYPERTEXT MARKUP
LANGUAGE</BLOCKQUOTE>
<P>TAGS ARE ELEMENTS OF HTML.</P>
<P>THE ANOTHER TAG IS BLOCKQUOTE</P>
<ADDRESS> THIS PAGE IS CREATED BY ABHISHEK </ADDRESS>
<PRE> CLASS 2 A</PRE>
<DIV><P>OUR WORLD IS DEALING WITH DIFFICULT TIMES SO WE CAREFUL
AND WEAR MASK</P></DIV>
<P> IF WE WEAR MASK WE CAN PROTECTED</P>
<H1>THANK YOU</H1>
<H2>WELCOME<H2>
</BODY>
</HTML>
Q-2 . IMPLEMENT THE ARTIBUTES FOR TAGS
1)BODY
2)HR

<HTML>
<HEAD>
<TITLE>ARTIBUTES</TITLE>
</HEAD>
<BODY>
<BODY BGCOLOR="YELLOW" TEXT="NEW ROMAN "SIZE="14">
<P>Mahendra Singh Dhoni is an Indian professional cricketer who
was captain of the Indian national cricket team in limited-overs
formats from 2007 to 2O14.</P>
<FONT COLOR="RED" SIZE="5">MS DHONI </FONT>
<H1>ACHIEVEMENTS</H1><HR>
<OL>
<LI>T20 WORLD CUP 2007</LI>
<LI>WORLD CUP 50 OVER</LI>
<LI>ASIA CUP 2013</LI>
</OL><HR>
</BODY>
</HTML>
Q-3 Implement Unordered List and Ordered List(use nesting)
List should be implemented as:

.(circle)Unordered List

1.ordered list

2.ordered list

3.ordered list

.(Disc)Unordered List

d.ordered list

e.ordered list

f.ordered list

. (sqaure)Unordered List

i. ordered list

ii. ordered list

iii. ordered list

<HTML>
<HEAD>
<TITLE> LISTS</TITLE>
<BODY BGCOLOR="YELLOW" TEXT="NEW ROMAN">
<H1>FRUITS</H1><HR>
<UL TYPE="CIRCLE">
<LI>COMMON
<OL>
<LI>APPLE</LI>
<LI>MANGO</LI>
<LI>WATER MELON</LI>
</OL></UL>
<H1>VEGETABLES</H1><HR>
<UL TYPE=" DISC">
<LI>COMMON</LI>
<OL TYPE="A">
<LI>TAMATO</LI>
<LI>LADY FINGER</LI>
</OL>
<UL TYPE="SQUARE"></UL>
<LI><H1>STATES</H1><HR>
<OL TYPE="I">
<LI>ASSAM</LI>
<LI>BIHAR</LI>
<LI>WEST BANGAL</LI>
</OL>
</BODY>
</HTML>`
Q-4 MAKE table using:
(cellspacing,cellpadding,rowspan,colspan,border,align,valign,bgcolor,background):

Table Example
BBA SECOND SEMESTER e-COMMERCE Practical File
S.no Tags Implemented Attributes used empty/container tag output(y/n)
face y
1 font size Container tag y
align y
border y
2 table rowspan Container tag y
colspan y

<html>
<head>
<title>table</title>
</head>
<body>
<table border="2">
<tr>
<th colspan="5">ABC COMPANY IN INDIA</th>
</tr>
<tr>
<td>S.NO</td>
<td>company name</td>
<td>price type</td>
<td>market cap</td>
<td>cureent price</td>
</tr>
<tr>
<td rowspan="3">1</td>
<td rowspan="3">XYZ</td>
<td></td>
<td rowspan="3"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="3">1</td>
<td rowspan="3">ABC</td>
<td></td>
<td rowspan="3"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
Q-5 IMPLEMENT LOCAL LINK
A<HTML>
<HEAD>
<TITLE>LOCAL LINK</TITLE>
</HEAD>
<BODY BGCOLOR="YELLOW" TEXT="RED">
<FONT COLOR="RED">PHONE COMPANY</FONT>
<OL>
<LI><A HREF="SAM.HTML">SAMSUNG</A></LI>
<LI>REAL ME</LI>
<LI>ONE PLUS</LI>
</OL>
</BODY>
</HTML>
2.<HTML>
<HEAD>
<TITLE>SAMSUNG</TITLE>
</HEAD>
<BODY BGCOLOR="BLUE">
<H1>LOGO</H1>
<IMG SRC="S.JPG" WIDTH="200" HIEGHT="200">
</BODY>
</HTML>
Q-6 IMPLEMENT INTERNAL LINK IN HTML
<HTML>
<HEAD>
<TITLE> INTERNAl LINK</TITLE>
</HEAD>
<BODY BGCOLOR="ORANGE">
<A NAME="IN">INDEX</A><BR>
<A HREF="#C1">CHP1 NETWORKING</A><BR>
<A HREF="#C2">CHP2 HTML</A><BR>
<A HREF="#C3">CHP3 DATABASE</A><BR>
<FONT COLOR="YELLOW" SIZE="14">
<A NAME="C1">CHP1 NETWORKING</A><BR></FONT>
<P> NRTWORKING IS A IMPORTANT PART OF COMPUTERS.</P>
<BR><BR><BR><BR><BR><BR><BR><BR>
<FONT COLOR="GREEN" SIZE="14">
<A NAME="C2">CHP2 HTML</A><BR></FONT>
<P> HTML STANDS FOR HYPER TEXT MARKUP LANGUAGE</P>
<BR><BR><BR><BR><BR><BR><BR><BR>
<FONT COLOR="PURPLE" SIZE="14">
<A NAME="C3">CHP3 DATABASE</A><BR></FONT>
<P>DATABASE IS USED IN HOSPITALS SCHOOLS COMMON
SOFTWARE USED IS SQL</P>
<BR><BR><BR><BR>
<A HREF="#IN">INDEX</A>
</BODY>
</HTML>
Q-7 EXTERNAL LINK IN HTML
<HTML>
<HEAD>
<TITLE>YOUTUBE</TITLE>
</HEAD>
<BODY BGCOLOR="PINK" TEXT="RED" SIZE ="12">
<P>VIDEO SHARING COMPANY</P>
<P>START DATE 14 FEB 2005</P>
<P>OWNED BY GOOGLE</P>
<P>HEADQUATERS IN SAN BURNO CAILEFORNIA</P>
<P> STEVE CHEN CHAD HURELY JAWED KARLIM</P><HR>
<A HREF="https://www.youtube.com">YOUTUBE</A>
<IMG SRC="Y.JPG" ALIGN="RIGHT" WIDTH="200" HIEGHT=200">
</BODY>
</HTML>
Q-8 INSERT PARAGRAPHS BETWEEN TWO IMAGES IN HTML
<HTML>
<HEAD>
<TITLE>INSERT IMAGE</TITLE>
</HEAD>
<BODY BGCOLOR="AQUA" TEXT="NEW ROMAN"SIZE="14">
<P>MS DHONI IS A CAPTAIN COOL OF INDIA HE IS THE MOST
SUCCESSFUL CRICKETER AND CAPTAIN OF HIS TIME.
IN THE TATA IPL 2022 HE GIVE THE CAPTAINCY OF CSK TO R
JADEJA</P>
<IMG SRC="C.JPG" HIEGHT="200" WIDTH="200">
<P>HE IS ALSO THE CAPTAIN OF TEAM CSK IN THE IPL. </P>
<P>UNDER HIS LEADERSHIP CSK WON 4 TITLES</P>
</BODY>
</HTML>
Q-9 INLINE STYLE SHEET
<HTML>
<HEAD>
<TITLE>INLINE STYLE SHEET</TITLE>
</HEAD>
<BODY BGCOLOR="BLUE">
<H1 STYLE="FONT-FAMILY:MONOTYPE CORSIVA;FONT
SIZE:60PX;COLOR:YELLOW;TEXT-DECORATION:UNDERLINE;">MY
NAME IS ABHISHEK SENGAR</H1>
<H2>MY AGE IS 20 YEARS OLD</H2>
<H1>LIVE IN DELHI</H1>
<H2>DOING BBA RIGHT NOW</H2>
</BODY>
</HTML>
Q-10 INTERNAL STYLE SHEET
<HTML>
<HEAD>
<TITLE>INTERNAL STYLE SHEET</TITLE>
<STYLE TYPE="TEXT/CSS">
H1{FONT-FAMILY:MONOTYPE CORSIVA;FONT
SIZE:60PX;COLOR:YELLOW;TEXT-DECORATION:UNDERLINE;}
</STYLE>
</HEAD>
<BODY BGCOLOR="GREEN">
<H1>MY NAME IS ABHISHEK SENGAR</H1>
<H2>MY AGE IS 20 YEARS OLD</H2>
<H1>LIVE IN DELHI</H1>
<H2>DOING BBA RIGHT NOW</H2>
</BODY>
</HTML>
Q-11 EXTERNAL STYLE SHEET
<HTML>
<HEAD>
<TITLE>EXTERNAL STYLE SHEET</TITLE>
<LINK REL="STYLESHEET" TYPE="TEXT/CSS" HREF ="J.css">
</HEAD>
<BODY BGCOLOR="RED">

<H1 >MY NAME IS ABHISHEK SENGAR</H1>


<H2>MY AGE IS 20 YEARS OLD</H2>
<H1>LIVE IN DELHI</H1>
<H2>DOING BBA RIGHT NOW</H2>
</BODY>
</HTML>
Q-12 FORMS IN HTML
<html>
<head>
<title>forms</title>
</head>
<body>
<form>
<b><u>registration form: </b></u>
<br>
<b><font face="arial" size=2>first name: </b>
<input type="text" name=priya> (enter your firstname)<br>
<b><font face="arial" size=2>last name: </b>
<input type="text" name=sharma> (enter your lastname)<br>
<b><font face="arial" size=2>login name: </b>
<input type="text" name=priyasharma> (enter the login name you
want here)<br>
<b><font face="arial" size=2>password: </b>
<input type="password" name=priya> (type the password, it will
shown in,*****)<br>
<b><font face="arial" size=2>retype your password: </b>
<input type="text" name=priya> (retype your pasword to make
sure you remember it. and that it has not been typed
incorrectly)</br>
<b>E-mail:</b>
<input type="text" size=30> (enter a valid e-mail address)<br>
<b>current address:<br>
<textarea rows=5 col=40 name=textarea></textarea><br>
<b>
date of birth:
day
<select>
<option>1</option><option>12</option>
</select>
month
<select>
<option>january</option>
<option>february</option>
<option>march</option>
</select>
year
<select>
<option>1978</option><option>1934</option>
<option>2000</option>
</select><br>
your hobbies: <br>
<input type="checkbox">music
<input type="checkbox" checked>computer
<input type="checkbox">sports
<input type="checkbox" checked>mobile phone
<input type="checkbox">computer
<input type="checkbox">air conditioner</1><br>
you would like to receive articles in your account inbox:
<input type="radio"checked>yes<input type="radio">no
<br>
<input type="button" value="subject">
<input type="button" value="reset">
</forms>
</body>
</html>

You might also like