HTML Webpage Creation Guide
Uploaded by
divyansh aroraHTML Webpage Creation Guide
Uploaded by
divyansh aroraE-Commerce Practical File
Vicky
BBA M2C
36819101721
Question:-01
Create a webpage in HTML which has your college name as heading and add
the text regarding it & make the use of Quotation and Citation Elements & save
the file with your name.
Inputs:-
<!Doctype html>
<html>
<head> <title> webpage </title> <body bgcolor="708090" text="black"> </head>
<body> <center> <h2> <cite><u>GITARATTAN INTERNATIONAL BUSINESS SCHOOL</cite> </h2></u>
<h3><centere><i>Affiliated to GGSIP University</h3></center></i> </center>
<center><img src="C:\Users\VINCENT\Downloads\WhatsApp Image123.jpeg" height="350"
width="800"s></center>
<b>About GIBS</b><br>
Gitarattan International Busines School was established in the year 2004 under the aegis of Rohini Education
Society is proudly running various other successful institutions in Delhi like Gitarattan Institute of Advanced
Studies & Training, Gitarattan Jindal Public School & Sovereign School.These Institutions are well known
among all skateholders for quality education, decent infrastructure and location. These institutions are
rated and ranked very high by various regulatory bodies.<br>
Gitarattan Inrternational Business School(GIBS) is affiliated to Guru Gobind Singh Indraprastha University,
Delhi and is approved by All Indian Council for Technical Education (AICTE), Ministry of HRD, Government of
India for Technical programmes and Bar Council of India for Law programmes. The Institute is conducting
programme like MBA, MBA (International Business), BBA (General),(Both First and Second shift),BA LLB and
BBA LLB.
<ol type="a"> <b>Achivements and Accolades</b>
<li>GIBS has been graded <q>A</q> by National Assessment & Accreditation Council in 2nd Cycle.</li>
<li>GIBS has been rated <q>A+</q> State fee Regulatory Committee, a fees committee of Govt. of NCT of
Delhi.</li>
<li>It has been rated highest grading <q>A</q> by joint inspection Comittee of Govt. of Delhi & GGSIP
University since 2013 till date.</li>
<li>It has been rated Grade <q>A</q> by Academic Audit Cell of GGSIP University since 2011 till date.</li>
<li>GIBS has also achieved 4 star ranking in IIC MOE ranking 2021.</li>
<li>Also, GIBS has been rated as number 2 pan India by times Business School survey in 2021,2019 and
2018.</li> </ol>
</body>
</html>
Output:-
Question:-02
Create a webpage in HTML to define Comment Tag
Inputs:-
<!Doctype thml>
<html>
<head> <title> webpage </title>
<body bgcolor="B6B6B4" text="black">
</head>
<body>
<b><center><u>The HTML Comment Tags</u></b></center>
This element is used to add a comment to an HTML document.An HTML comment begins with<b><xmp><!--
</xmp></b>and the comment closes with<b> <xmp>--></xmp></b>Html comments are visible to anyone
that views the pages source code, but are not rendered when the HTML document is rendered by the
browser.<br>
<b> Code Example</B><br>
<b><q><i><xmp> You will be able to see this text. <!-- a sentence -->You will be able to see this text. <!--or
you can comment out a larger number of lines --></xmp></q></i></b><br>
<b> result </b><br>
<b><q><i>You will be able to see this text. <!-- a sentence -->You will be able to see this text. <!--or you can
comment out a larger number of lines --></q></i></b><br>
</body>
</html>
Output:-
Question:-03
Create a static web page which defines all text formatting tags of HTML and
briefly explain all the tags.
Inputs:-
<!Doctype thml>
<html>
<head> <title> webpage </title>
<body bgcolor="708090" text="black">
</head>
<body> <center>
<table border=1>
<caption align=”top”><font size=”+2″ color="red">Text
Formatting Tags</font>
</caption>
<tr>
<th>HTML Tag</th>
<th>Output</th>
</tr>
<tr>
<td>normal text</td>
<td>hello world</td>
</tr>
<tr>
<td>Font & its attributes</td>
<td><FONT SIZE=”+2″ COLOR=”#RRGGBB”> hello world
</FONT></td>
</tr>
<tr>
<td><B></td>
<td><B> Bold </B></td>
</tr>
<tr>
<td><I></td>
<td><I> Italic </I></td>
</tr>
<tr>
<td><U></td>
<td><U> Underline </U></td>
</tr>
<tr>
<td><EM></td>
<td><EM> Emphasis </EM></td>
</tr>
<tr>
<td><STRONG></td>
<td><STRONG> STRONG </STRONG></td>
</tr>
<tr>
<td><TELETYPE></td>
<td><TT> TELETYPE </TT></td>
</tr>
<tr>
<td><CITE></td>
<td><CITE> Citation </CITE></td>
</tr>
<tr>
<td><STRIKE></td>
<td><STRIKE> strike-through text </STRIKE></td>
</tr>
<tr>
<td><BIG></td>
<td><BIG> text in a big font </BIG></td>
</tr>
<tr>
<td><SMALL></td>
<td><SMALL> text in a small font <SMALL></td>
</tr>
<tr>
<td><SUB></td>
<td>a<SUB> b </SUB></td>
</tr>
<tr>
<td><SUP></td>
<td>a<SUP> b</SUP></td>
</tr>
</table></center>
</body>
</Html>
Output:-
Question:-04
Create your resume using HTML tags and include superscript, subscript tags
and mono spaced Font in it.
Inputs:-
<!Doctype thml>
<html>
<head> <title> webpage </title>
<body bgcolor="306754" text="black">
</head>
<body><h2><i><u><center>CURRICULUM VITAE</h2></i></u></center>
<b>VICKY</b><br>
Address:House No.6572,Multani Dhanda,Paharganj,New DElhi-110055<br>
Mob No.:9971021296<br>
Email ID:[email protected]<br>
<b><u>OBJECTIVE:</b></u><br>
Seeking a career that is more innovation and interesting and a occupation that gives me opportunity to learn
and enhance my skills and strength in conjunction with company goals.<br>
<b><u>PERSONAL INFORMATION</b></u><br>
Father's Name:Omprakash<br>
Date of birth:30/05/2002<br>
Religion:HINDU<br>
Nationality:INDIAN<br>
<b><u>EDUCATIONAL QUALIFICATIONS</b></u><br>
*10<sup>th</sup> Passed in April 2018 From CBSE DELHI<br>
*12<sup>th</sup> Passed in April 2020 from CBSE DELHI<br>
*Pursuing BBA 1st Year<br>
*Computer Operator & Internet Applications,M.S Office,M.S Excel,Accord Software<br>
<b><u>COMPUTER KNOWLEDGE</b></u><br>
<b>Certificate</b>:Computer Operator & Internet Applications & HTML<br>
<b>Microsoft Office</b>:M.S Word,M.S Excel,Power point,and Adobe Reader<br>
<b><u>HOBBIES</b></u><br>
Reading Books(Novels),To learn something new,Listening Music,Playing Piano,and Playing Football.<br>
<b><u>PERSONAL STRENGTH</b></u><br>
Fast grasping power,ability to adjust quickly in new environment,enthusiasm for learn something new,and
confidence to face new ventures,i will be sincere to work.<br>
</body>
</html>
Output:-
Question:-05
Create a static webpage using table tags of HTML and explain all the attributes
define under Table Tag.
Inputs:-
<html>
<head><title>Q5</title></head>
<body bgcolor="C19A6B">
<font size="+1.5">
<center><h1><font color="Red"><u>HTML Tables</u> </font></h1>
<p><b> HTML tables allow web developers to arrange data into rows and columns. A table in HTML consists
of table cells inside rows
and columns. </b></p></center>
<h2> <u>Table Cells</u> :- </h2>
<p> <xmp>Each table cell is defined by a <td> and a </td> tag. "td" stands for table data. Everything
between <td> and </td> are the content of the table cell.</xmp> </p>
<p> <b>Note:</b> Table data elements are the data containers of the table.
They can contain all sorts of HTML elements; text, images, lists, other tables, etc.</p>
<h2> <u>Table Rows</u> :- </h2>
<p> <xmp>Each table row starts with a <tr> and end with a </tr> tag. "tr" stands for table row. You can have
as many rows as you like in a table, just make
sure that the number of cells are the same in each row.</xmp> </p>
<p> <b>Note:</b> There are times where a row can have less or more cells than another. You will learn
about that in a later chapter.
</p>
<h2> <u>Table Headers</u> :- </h2>
<p> <xmp>Sometimes you want your cells to be headers, in those cases use the <th> tag instead of the <td>
tag: By default, the text in <th> elements are bold
and centered, but you can change that with CSS.</xmp> </p>
<h2> <u>Attributes Under Table Tag</u> </h2>
<dl>
<dt><b><u>Border</u>:-</b></dt>
<dd>-When you add a border to a table, you also add borders around each table cell. To
add a border,
suse the HTML border property on table, th, and td elements:</dd>
<dt><b><u>Border Color</u>:-</b></dt>
<dd>-With the border-color property, you can set the color of the border.</dd>
<dt><b><u>Width</u>:-</b></dt>
<dd>-To set the width of a table, add the width attribute to the table element.</dd>
<dt><b><u>Caption</u>:-</b></dt><dd>
<xmp>-You can add a caption that serves as a heading for the entire table. To add a caption to a table, use
the <caption> tag. The <caption> tag should
be inserted immediately after the <table> tag.</xmp></dd>
<dt><b><u>Cell Padding</u>:-</b></dt>
<dd>-Cell padding is the space between the cell edges and the cell content.By default the
padding is set to 0.
To add padding on table cells, use the cellpadding attribute.</dd>
<dt><b><u>Cell Spacing</u>:-</b></dt>
<dd>-Cell spacing is the space between each cell.By default the space is set to 2 pixels.
To change the space between table cells, use the CSS border-spacing property on the table element.</dd>
<dt><b><u>Colspan</u>:-</b></dt>
<dd>-To make a cell span over multiple columns, use the colspan attribute. The value of
the colspan attribute
represents the number of columns to span.</dd>
<dt><b><u>Rowspan</u>:-</b></dt>
<dd>-To make a cell span over multiple rows, use the rowspan attribute. The value of the
rowspan attribute
represents the number of rows to span.</dd>
<dt><b><u>Backgroung</u>:-</b></dt>
<dd>-Used to set image as background of table</dd>
<dl>
<h3>Example</h3>
<center><B><h2>Time Table</center></b></h2>
<center><table border="6" bordercolor="maroon" bgcolor="white" aligh="center" width="80%"
height="50%" cellpodding="5">
<tr>
<th>Day/Period</th>
<th>1<br>9:30-10:20</th>
<th>2<br>10:20-11"10</th>
<th>3<br>11:10-12:00</th>
<th rawspan="6">12:00-12:40</th>
<th>4<br>12:40-1:30</th>
<th>5<br>1:30-2:20</th>
<th>6<br>2:20-3:10</th>
<th>7<br>3:10-4:00</th>
</tr>
<tr aligh="center">
<td><b>Monday</b></td>
<td>English</td>
<td>Mathematics</td>
<td>Chemistry</td>
<td rowspan="6"><center>L<br>U<br>N<br>C<br>H<br></center></td>
<td colspan="3"><center>LAB</center></td>
<td>Physics</td>
</tr>
<tr aligh="center">
<td><b>Tuesday</b></td>
<td colspan="3"><center>LAB</center></td>
<td>English</td>
<td>Chemistry</td>
<td>Mathematics</td>
<td>Sports</td>
</tr>
<tr align="center">
<td><b>Wednesday</b></td>
<td>Mathematics</td>
<td>Physics</td>
<td>English</td>
<td>Chemistry</td>
<td colspan="3">LIBRARY</td>
</tr>
<tr aligh="center">
<td><b>Thursday</b></td>
<td>Physics</td>
<td>English</td>
<td>Chemistry</td>
<td colspan="3"><center>LAB</center></td>
<td>Mathematics</td>
</tr>
<tr aligh="centere">
<td><b>Friday</b></td>
<td colspan="3"><center>LAB</center></td>
<td>Mathematics</td>
<td>Chremistry</td>
<td>English</td>
<td>Physics</td>
</tr>
<tr aligh="center">
<td><b>Saturday</b></td>
<td>English</td>
<td>Chemistry</td>
<td>Mathematics</td>
<td colspan="3"><center>SEMINAR</center></td>
<td>Sports</td>
</tr>
</tr>
</table></center><br>
</font>
</body>
</html>
Output:-
Question:06
Create three HTML files named 1.html, 2.html and 3.html and link them
together to each other and put the appropriate content in each file.
Inputs:-
<!Doctype thml>
<html>
<head> <title> webpage </title>
<body bgcolor="white" text="black">
</head>
<body><a href="C:\Users\VINCENT\Desktop\1.html.html">Click here for HTML page 1</A><br>
<a href="C:\Users\VINCENT\Desktop\2.html.html">Click here for HTML page 2</a><br>
<a href="C:\Users\VINCENT\Desktop\3.html.html">Click here for HTML page 3</a><br>
</body>
</html>
Output:-
HTML Page 1
HTML Page 2
HTML Page 3
Question:-07
Create a webpage which defines different empty tags .
Inputs:-
<!Doctype thml>
<html>
<head> <title> webpage </title>
<body bgcolor="9EDBFF" text="black">
</head>
<body><h2><center>What are empty elements in HTML</h2> </center>
An empty emement is a component that doesn't have any embedded elements or text elements. Empty
elements do not have successor nodes. In other wpords, the tags do not contain any closing tags are empty
tags. Empty tags contain only the opening tag but they perform some action in the webpage.<br>
<u>Some commonly used empty tags are: </u>
<h3><xmp>1.<br>:</xmp></h3>Inserts a line break in a webpage wherever needed.
<h3><xmp>2.<hr>:</xmp></h3>Inserts a horizontal line wherever needed in the webpage.
<h3><xmp>3.<img>:</xmp></h3>This tag is used to display the images on the webpage which were given in
the src attribute of the tag.
<h3><xmp>4.<source>:</xmp></h3>When an external media source is needed to be included in the
webpage.Source tag is used to insert any media source like audio,video,etc... in our webpage.
<h3><xmp>5.<link>:</xmp></h3>This is mainly used with forms to take the input from the user and we can
also define the type of the input.<br>
</body>
</html>
Output:-
Question:-08
Create webpage to include multimedia tags and explain each tag with syntax.
Inputs:-
<html>
<head><title>Q8</title></head>
<body bgcolor="848B79">
<font size="+1.5">
<center><h1><font color="Red"> <u>HTML Multimedia Tags</u> </font></h1>
<h2> <u>Video</u> </h2>
<p><b><xmp> The HTML <video> element is used to show a video on a web page.To show a video in HTML,
use the <video> element</xmp></b></p></center>
<h3><u> How it Works </u></h3>
<xmp> The controls attribute adds video controls, like play, pause, and volume.
It is a good idea to always include width and height attributes. If height and width are not set, the page
might flicker while the video loads.
The <source> element allows you to specify alternative video files which the browser may choose from. The
browser will use the first recognized format.
The text between the <video> and </video> tags will only be displayed in browsers that do not support the
<video> element. </xmp>
<h3>Example</h3>
<xmp><center>
<video width="50%" height="45%" controls>
<source src="Video.mp4" type="video/mp4">
</video></center></xmp>
<h3>Output</h3>
<center>
<video width="50%" height="70%" controls>
<source src="C:\MP4 Music\BTS (방탄소년단) _봄날 (Spring Day)_ Official MV(1080P_HD).Mp4">
</video></center>
<center><h2> <u>Audio</u> </h2>
<p><b><xmp> To play an audio file in HTML, use the <audio> element.</xmp></b></p></center>
<h3><u> How It Works </u></h3>
<xmp> The controls attribute adds audio controls, like play, pause, and volume.
The <source> element allows you to specify alternative audio files which the browser may choose from. The
browser will use the first recognized format.
The text between the <audio> and </audio> tags will only be displayed in browsers that do not support the
<audio> element. </xmp>
<h3>Example</h3>
<xmp><audio controls>
<source src="Voice.mp3" type="audio/mp3">
</audio></xmp>
<h3>Output</h3>
<audio controls>
<source src="C:\Games\BTS - Spring Day _ Piano Cover by Pianella Piano(MP3_160K).mp3"
type="audio/mp3">
</audio>
</font>
</body>
</html>
Output:-
Question:-09
Create employee registration webpage using HTML from objects.
Inputs:-
<!Doctype thml>
<html>
<head> <title> webpage </title>
<body bgcolor="" text="black">
</head>
<body>
<pre><h2><Font face="Elephant" color="9F000F"> <center> Employee Registration
Form </center> </font></h2></pre>
<h3><u>Personal Details</u></h3>
Full Name :- <input type="text" size="60">
<br>
Father's Name:- <input type="text" name="fname" size="60">
<br>
Mother's Name:- <input type="text" name="mname" size="60"><br><br>
Date of Birth:- <input type="date" name="dob">
Gender:- <input type="radio" name="gender"> Male
<input type="radio" name="gender"> Female
<input type="radio" name="gender"> Other
Aadhar No. :- <input type="number" name="aadhar"><br><br>
Mobile No. :- <input type="number" name="mno.">
Telphone No. :- <input type="number" name="tno.">
Email Address:- <input type="email" name="email" size="40"><br><br>
Home Address:- <tt><font size="-1">House No.,Building Name(required)*
</font></tt><input
type="text" name="haddress" size="40">
<tt><font size="-1">Road
name,Area,Colony(required)*</font></tt><input
type="text" name="haddress" size="40"> <br>
Zip Code:- <input type="number" name="zip"><br><br>
District:- <input type="text" name="district">
State:- <select>
<option> Select From </option>
<option>Andhra Pradesh </option>
<option>Arunachal Pradesh </option>
<option>Assam </option>
<option>Bihar </option>
<option>Chhattisgarh </option>
<option>Goa </option>
<option>Gujarat </option>
<option>Haryana </option>
<option>Himachal Pradesh </option>
<option>Jharkhand </option>
<option>Karnataka </option>
<option>Kerala </option>
<option>Madhya Pradesh </option>
<option>Maharashtra </option>
<option>Manipur </option>
<option>Meghalaya </option>
<option>Mizoram </option>
<option>Nagaland </option>
<option>Odisha </option>
<option>Punjab </option>
<option>Rajasthan </option>
<option>Sikkim </option>
<option>Tamil Nadu </option>
<option>Telangana </option>
<option>Tripura </option>
<option>Uttar Pradesh </option>
<option>Uttarakhand </option>
<option>West Bengal </option>
<option>Andaman and Nicobar Islands </option>
<option>Chandigarh </option>
<option>Dadra and Nagar Haveli and Daman and Diu </option>
<option>Jammu and Kashmir </option>
<option>Ladakh </option>
<option>Lakshadweep </option>
<option>Delhi </option>
<option>Puducherry </option>
</select>
Country:- <input type="text" name="country" value="INDIA" ><br>
<h3><u>Emergency Contact Details</u></h3>
Contact Name:- <input type="text" name="cname" size="35">
Contact No.:- <input type="Number" name="cno.">
Relationship To You:- <input type="text" name="relation" size="35">
<h3><u>Qualification Details</u></h3>
10<sup>th</sup> Certificate
:-
<input type="file" name="10th"><br><br>
12<sup>th</sup> Certificate
:-
<input type="file" name="12th"><br><br>
Undergraduate Degree
:-
<input type="file" name="ug"><br><br>
Postgraduate Degree
:-
<input type="file"
name="pg"><br>
Mention Other Qualification <tt>(if any)</tt> :-
<textarea rows="2"
cols="80"></textarea><br>
<h3><u>Bank Details</u></h3>
Bank Name:- <input type="Text" name="Bname" size="40">
Branch Name:- <input type="text" name="brname">
Account Type :- <select>
<option> Select From </option>
<option> Current A/c </option>
<option> Saving A/c </option>
</select> <br><br>
Account Name:- <input type="Text" name="Aname" size="40">
Account Number:- <input type="Text" name="Ano.">
IFSC Code:- <input type="Text" name="ifsc" size="15">
<h3><u>Upload Documents</u></h3>
Photo
:-
<input type="file" name="photo"><br><br>
Signature
:-
<input type="file"
name="signation"><br><br>
Fingerprint Scan :-
<input type="file" name="fingerscan"><br>
<tt><font size="-0.5">NOTE:Scan of right hand.</font></tt><br><br>
Aadhar Card :-
<input type="file" name="aadharcard">
<h3><u>Declaration</u></h3>
<input type="radio" name="declaration">“I hereby declare that the above particulars of facts
and information stated are true, correct and complete to the best of
my belief
and knowledge.”<br><br>
<center>
<input type="submit" value="SUBMIT">
<input Type="Reset" value="RESET">
</center>
</fieldset>
<form>
</b>
</font>
</body>
</html>
Output:-
Question:-10
Create a table using HTML Tags. for Instance
Inputs:-
<!Doctype thml>
<html>
<head> <title> webpage </title>
<body bgcolor="708090" text="black">
</head>
<body>
<center><B><h2>Time Table</center></b></h2>
<center><table border="6" bordercolor="maroon" bgcolor="white" aligh="center" width="80%"
height="50%" cellpodding="5">
<tr>
<th>Day/Period</th>
<th>1<br>9:30-10:20</th>
<th>2<br>10:20-11"10</th>
<th>3<br>11:10-12:00</th>
<th rawspan="6">12:00-12:40</th>
<th>4<br>12:40-1:30</th>
<th>5<br>1:30-2:20</th>
<th>6<br>2:20-3:10</th>
<th>7<br>3:10-4:00</th>
</tr>
<tr aligh="center">
<td><b>Monday</b></td>
<td>English</td>
<td>Mathematics</td>
<td>Chemistry</td>
<td rowspan="6"><center>L<br>U<br>N<br>C<br>H<br></center></td>
<td colspan="3"><center>LAB</center></td>
<td>Physics</td>
</tr>
<tr aligh="center">
<td><b>Tuesday</b></td>
<td colspan="3"><center>LAB</center></td>
<td>English</td>
<td>Chemistry</td>
<td>Mathematics</td>
<td>Sports</td>
</tr>
<tr align="center">
<td><b>Wednesday</b></td>
<td>Mathematics</td>
<td>Physics</td>
<td>English</td>
<td>Chemistry</td>
<td colspan="3">LIBRARY</td>
</tr>
<tr aligh="center">
<td><b>Thursday</b></td>
<td>Physics</td>
<td>English</td>
<td>Chemistry</td>
<td colspan="3"><center>LAB</center></td>
<td>Mathematics</td>
</tr>
<tr aligh="centere">
<td><b>Friday</b></td>
<td colspan="3"><center>LAB</center></td>
<td>Mathematics</td>
<td>Chremistry</td>
<td>English</td>
<td>Physics</td>
</tr>
<tr aligh="center">
<td><b>Saturday</b></td>
<td>English</td>
<td>Chemistry</td>
<td>Mathematics</td>
<td colspan="3"><center>SEMINAR</center></td>
<td>Sports</td>
</tr>
</tr>
</table></center><br>
</body>
</html>
Output:-
Question:-11
Create a webpage using frame tag a) rows and columns b)border and border
color.
Inputs:-
<DOCTYPE! HTML>
<html>
<head>
<title>Frameset</title> </head>
<frameset rows="20%,20%,*" frameborder="yes" bordercolor="red" border="8">
<frame>
<frame>
<frameset cols="15%,15%,15%,15%">
<frame>
<frame>
<frame>
<frame>
</frameset>
</html>
Output:-
Question:-12
Explain all types of listing available in HTML with its syntax. Create a webpage
using list tags of HTML.
Inputs:-
<!Doctype thml>
<html>
<head> <title> webpage </title>
<body bgcolor="915F6D" text="black"> </head>
<body> <center><h2><b><u>HTML-LISTS</h2></b></U></center><br>
HTML Lists are used to present a list of information in a well- formed and semantic way.There are three
different types of lists in HTML and each one has a specific purpose and meaning.<br>
<ol>
<li><b>Undordered List</b>-Used to create a list of related items,in no particularorder</li>
<li><b>Ordered List</b>-Used to create a list of related items,in a specific order.</li>
<li><b>Description List</b>-Used to create a list of terms and their descriptions.</li>
</ol>
<b>1.<u>Unordered Lists</u></b><br>
An unordered list created using the <b> <xmp><ul></xmp> </b>element,and each list item starts with the
<b> <xmp><li></xmp></b>element.<br>
<q>The list items in unordered lists are marked with bullets.</q><br>
<b>Example</b><br>
<xmp>
<ul>
<li>Mango</li>
<li>Apple</li>
<li>Banana</li>
<li>Watermelon</li>
<li>Strawberry</li>
</ul></xmp><br>
<b>-Output</b><br>
<ul>
<li>Mango</li>
<li>Apple</li>
<li>Banana</li>
<li>Watermelon</li>
<li>Strawberry</li>
</ul>
<b>2.<u>Ordered Lists</u></b><br>
An ordered list created using the <b><xmp><ol></xmp></b>element,and each list item starts with the
<b><xmp><li></Xmp></b>element.<br>
<q>The list items in an ordered list are marked with numbers</q>.<br>
<b>Example</B>
<xmp>
<ol>
<li>Mango</li>
<li>Apple</li>
<li>Banana</li>
<li>Watermelon</li>
<li>Strawberry</li>
</ol>
</xmp><br>
<b>-Output</b><br>
<ol>
<li>Mango</li>
<li>Apple</li>
<li>Banana</li>
<li>Watermelon</li>
<li>Strawberry</li>
</ol><br>
<b>3.<u>Description Lists</u></b><br>
The description list is created using<b><xmp><de></xmp></b>element.The
<b><xmp><dl></xmp></b>element is used in conjuction with the <b><xmp><dt></xmp></b>element which
specify a term,and the <b><xmp><dd></xmp></b>element which specify the term's definition.<br>
<b>Example</b><br>
<xmp>
<dl>
<dt>Mango</dt>
<dd>A Fruit</dd>
<dt>Apple</dt>
<dd>A Fruit</dd>
</dl>
</xmp><br>
<b>-Output</b><br>
<dl>
<dt>Mango</dt>
<dd>A Fruit</dd>
<dt>Apple</dt>
<dd>A Fruit</dd>
</dl><br>
</body>
</html>
Output:-
Question:-13
Write html code to generate following output.
• Coffee
• Tea
o Black Tea
o Green Tea
• Milk
Inputs:-
<!DOCTYPE THML>
<html>
<head> <Title> Webpage </title>
<body bgcolor="F5F5DC" text="black">
</head>
<body>
<U/l>
<li>Coffee</li>
<li>Tea</li>
<ul style="list-style-type:circle;">
<li>Bleack Tea</li>
<li>Green Tea</li>
</ul>
<li>Milk</li>
</ul>
</body>
</html>
Output:-
Question:-14
Create an HTML page with red background add scrolling text “read the
message”.
Inputs:-
<!Doctype thml>
<html>
<head> <title> webpage </title>
<body bgcolor="708090" text="black">
</head>
<body>
<marquee bgcolor="red" direction="left">Read The Message<br>Read The Message</marquee><br>
</body>
</html>
Output:-
Question:-15
Create a HTML webpage for you college with three frames. The first frame will
be horizontal on displaying the name and address of the College. The second
frame which is vertical on left will list the available Courses. The third frame
will be to the right of the second frame and will display the introduction to the
College.
Inputs:-
<DOCTYPE! HTML>
<html>
<head>
<title>Frameset</title>
</head>
<frameset rows="20%,*" frameborder="yes"> border="3">
<frame src="The first Frame.html">
<frameset cols="50%,50%">
<frame src="The Second Frame.html">
<frame src="The Third Frame.html">
</frameset>
</html>
Output:-
You might also like
- E-Commerce Practical File (BBA-108) : Bachelors of Business AdministrationNo ratings yetE-Commerce Practical File (BBA-108) : Bachelors of Business Administration44 pages
- Practical 1 Introduction To HTML. Create A Basic HTML FileNo ratings yetPractical 1 Introduction To HTML. Create A Basic HTML File11 pages
- HTML Basics: Tags, Attributes, and ExamplesNo ratings yetHTML Basics: Tags, Attributes, and Examples42 pages
- Guru Gobind Singh Indraprastha University E-CommerceNo ratings yetGuru Gobind Singh Indraprastha University E-Commerce39 pages
- E-Commerce Lab File: United College of Education, Greater NoidaNo ratings yetE-Commerce Lab File: United College of Education, Greater Noida18 pages
- Practical File ON HTML: Maharshi Dayanand University RohtakNo ratings yetPractical File ON HTML: Maharshi Dayanand University Rohtak26 pages
- Venkata Ramana Reddy WB Designing File 2k24CSUN0208 - ConvertNo ratings yetVenkata Ramana Reddy WB Designing File 2k24CSUN0208 - Convert18 pages
- WT Practical File Harshita Gupta COMPLETENo ratings yetWT Practical File Harshita Gupta COMPLETE84 pages
- Web Application Development - Induction - ProgramNo ratings yetWeb Application Development - Induction - Program18 pages