0% found this document useful (0 votes)
128 views47 pages

Shivam HTML

This document provides an overview of e-commerce and basic HTML tags. It defines HTML as a language used to structure web pages using tags. It describes two types of tags - paired tags which have opening and closing tags, and unpaired tags which are singular. The document outlines the basic structure of an HTML document and steps for saving an HTML file. It then explains several common HTML tags such as <head>, <body>, <title>, heading tags, and other text formatting tags.
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
0% found this document useful (0 votes)
128 views47 pages

Shivam HTML

This document provides an overview of e-commerce and basic HTML tags. It defines HTML as a language used to structure web pages using tags. It describes two types of tags - paired tags which have opening and closing tags, and unpaired tags which are singular. The document outlines the basic structure of an HTML document and steps for saving an HTML file. It then explains several common HTML tags such as <head>, <body>, <title>, heading tags, and other text formatting tags.
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/ 47

E-COMMERCE

NAME-SHIVAM KUMAR
Enrollment No.-01819301721
Course-BBA
Semester-2ND
E-COMMERCE

1: What is HTML?
To understand "HTML" from front to back, let's look at each word that makes up the
abbreviation:

Hypertext: text (often with embeds such as images, too) that is organized in order to
connect related items
Markup: a style guide for typesetting anything to be printed in hardcopy or soft copy
format
Language: a language that a computer system understands and uses to interpret
commands.
HTML determines the structure of web pages. This structure alone is not enough to make
a web page look good and interactive. So you'll use assisted technologies such as CSS
and JavaScript to make your HTML beautiful and add interactivity, respectively.

2. Explain Types of Tags with Examples of Each


The types of tags in HTML are categorized on the basis of their appearance. Some tags
comes in pairs and others are single. You can also download HTML tags list pdf or can
look at the table at the page end.

There are two types of tags in HTML that are used by the Website Designers:

1. Paired Tags (Opening and Closing Tags)


2. Unpaired Tags (Singular Tag)

PAIRED TAGS - OPENING AND CLOSING TAGS


Paired tags are a set of two tags with the same name. In each Paired tag set, one is an
opening tag, and the other one is the closing tag. The closing tag has a / slash, it means
that the tag is closed now.

It is necessary to close a paired tag; otherwise, it can result in the malfunctioning of the
website. When the content is written within paired tags, then it ensures that the effect of
those tags would be limited to only the content between them.

Look at the list of some paired tags in HTML below. Notice that each tag has a closing
tag with a slash(/) before the name of the tag.

2
E-COMMERCE

Syntax: <tag> Content </tag>

UNPAIRED TAGS - SINGULAR TAGS


Unpaired tags are single tags with no closing tag. These tags are also called Singular
Tags. These are also called non-container tags because they do not contain any
content.

It is recommended to close the unpaired/singular tags also. But unfortunately, we do not


have the closing tag for those. So, an unpaired tag is closed after adding a slash(/) just
before the greater than > sign. For example: <br />.

Look below the list of some Unpaired Tags in HTML. Notice the use of slash(/) in the tags,
to close them.

Some Unpaired Tags are:

Open Tag

<br>

<hr>

<meta>

<input>

3. Basic Structure of an HTML Document

The structure of an HTML document has the following elements:

 <html>
 <head>
 <title>
 <body>
3
E-COMMERCE

SYNTAX

<html>
<head>
<title>basic structure</title>
</head>

<body>
<h1>Hello, World!</h1>
<p>This is an example of HTML document structure</p>
</body>

</html>

3. Steps of Saving an HTML File


Step 1: Open Notepad Text Editor,
Step 2: Write your Code,
Step 3: Click on the "File" menu,
Step 4: Select "Save" Option from There,
Step 5: Give your HTML file a Name [with .html Exantion],
Final Step: Click "Save" and DONE.

Step 1: Open Notepad Text Editor


In window OS, Click "Start" button and search for Notepad.
In the Search Results, you can select and Double click to run Notepad text editor in
your Windows.

4
E-COMMERCE

STEP 2: WRITE YOUR CODE


After launching the Notepad WIndow, you need to Write your HTML Code to
process further.
For Example, you can write HTML's Syntax.

STEP3: CLICK ON THE "FILE" MENU


After writing your HTML code, you need to click the "File" Menu [From the Top
Navigation Menu].
5
E-COMMERCE

STEP 4: SELECT "SAVE" OPTION FROM THERE


After clicking on the "File" menu, you will see a bunch of options like,
Open
Save
Save As
Print
Close.

You need to select the "Save" Option from there to save your HTML Code.

6
E-COMMERCE

STEP 5: GIVE YOUR HTML FILE A NAME [WITH .HTML EXANTION]


After Clicking on the "Save" option from the File menu, A Save popup Menu will
appear on the screen. You need to Select a Location for your File [By Default it PIcs
Desktop] and also give a Name to your File followed by the .html Extention. [File
name can be anything, But you need to write .html After your FIle Name So browsers
can understand the File Type and Run this File as an HTML File].

5 : Basic HTML Tags


1 <head>

The <head> element is a container for metadata (data about data) and is placed
between the <html> tag and the <body> tag.

Metadata is data about the HTML document. Metadata is not displayed.

Metadata typically define the document title, character set, styles, scripts, and other meta
information.

The following elements can go inside the <head> element:

 <title> (required in every HTML document)


 <style>
 <base>
 <link>
 <meta>
 <script>
 <noscript>

7
E-COMMERCE

2 <body>

The <body> tag defines the document's body.

The <body> element contains all the contents of an HTML document, such as headings,
paragraphs, images, hyperlinks, tables, lists, etc.

Note: There can only be one <body> element in an HTML document.

3 <title>

The <title> tag defines the title of the document. The title must be text-only, and it is
shown in the browser's title bar or in the page's tab.

The <title> tag is required in HTML documents!

The contents of a page title is very important for search engine optimization (SEO)! The
page title is used by search engine algorithms to decide the order when listing pages in
search results.

The <title> element:

 defines a title in the browser toolbar


 provides a title for the page when it is added to favorites
 displays a title for the page in search-engine results

4 Heading Tags <h1-h6>

The <h1> to <h6> tags are used to define HTML headings.

<h1> defines the most important heading. <h6> defines the least important heading.

Note: Only use one <h1> per page - this should represent the main heading/subject for
the whole page. Also, do not skip heading levels - start with <h1>, then use <h2>, and
so on.

8
E-COMMERCE

5 Line break tag<br>


The <br> tag inserts a single line break.

The <br> tag is useful for writing addresses or poems.

The <br> tag is an empty tag which means that it has no end tag.

6 Font

The <font> tag defines the font characteristics. Size, color and typeface are defined by
the size, color and face attributes.

7 Paragraph

The <p> tag defines a paragraph.

Browsers automatically add a single blank line before and after each <p> element.

Tip: Use CSS to style paragraphs.

8 Blockquote

The <blockquote> tag specifies a section that is quoted from another source.

Browsers usually indent <blockquote> elements (look at example below to see how to
remove the indentation).

9 Pre-Formatted Tags

The <pre> tag defines preformatted text.

Text in a <pre> element is displayed in a fixed-width font, and the text preserves both
spaces and line breaks. The text will be displayed exactly as written in the HTML source
code.

9
E-COMMERCE

Also look at:

Tag Description

<code> Defines a piece of computer code

<samp> Defines sample output from a computer program

<kbd> Defines keyboard input

HR<var> Defines a variable

9 DIV Tag

The <div> tag defines a division or a section in an HTML document.

The <div> tag is used as a container for HTML elements - which is then styled with CSS
or manipulated with JavaScript.

The <div> tag is easily styled by using the class or id attribute.

Any sort of content can be put inside the <div> tag!

Note: By default, browsers always place a line break before and after the <div> element.

10 HR

The <hr> tag defines a thematic break in an HTML page (e.g. a shift of topic).

10
E-COMMERCE

The <hr> element is most often displayed as a horizontal rule that is used to separate
content (or define a change) in an HTML page.

11 Address

The <address> tag defines the contact information for the author/owner of a document
or an article.

The contact information can be an email address, URL, physical address, phone number,
social media handle, etc.

The text in the <address> element usually renders in italic, and browsers will always add
a line break before and after the <address> element.

12 Marquee

The HTML <marquee> tag is used for scrolling piece of text or image displayed either
horizontally across or vertically down your web site page depending on the
settings.

13 Area

The <area> tag defines an area inside an image map (an image map is an image with
clickable areas).

<area> elements are always nested inside a <map> tag.

Note: The usemap attribute in <img> is associated with


the <map> element's name attribute, and creates a relationship between the image and
the map.

14 Basefont

The <basefont> tag was used in HTML 4 to specify a default text-color, font-size or
font-family for all the text in an HTML document.

11
E-COMMERCE

15 Sub

The <sub> tag defines subscript text. Subscript text appears half a character below the
normal line, and is sometimes rendered in a smaller font. Subscript text can be used for
chemical formulas, like H2O.

Tip: Use the <sup> tag to define superscripted text.

16 Sup

The <sup> tag defines superscript text. Superscript text appears half a character above
the normal line, and is sometimes rendered in a smaller font. Superscript text can be
used for footnotes, like WWW[1].

Tip: Use the <sub> tag to define subscript text.

17 Link

The <link> tag defines the relationship between the current document and an external
resource.

The <link> tag is most often used to link to external style sheets or to add a favicon to
your website.

The <link> element is an empty element, it contains attributes only.

Coding for all this above Tags:

<html>

<head>

<link rel="stylesheet" type="text/css" href="css file.css">

<title>coding</title>

12
E-COMMERCE

</head>

<marquee direction=left size=15 scrollamount=5 BGCOLOR=BLACK>

<FONT COLOR=WHITE>"LIFE IS GOING ON SLOWLY SLOWLY"</FONT>

</MARQUEE>

<body>

<blockquote>Hi this is block quote </blockquote>

<h1 style="font-family: arial black;

color: rgb(255,0,255);">hello</h1>

<h2>hello</h2>

<h3>hello</h3>

<h4>hello</h4>

<h5>hello</h5>

<h6>hello</h6>

<a href=MINI.HTML target="_blank">link for a mini page</a><br>

<a href=shivam.html target="right">shivam file link</a><br>

<a href=left.html target="right">link for left file</a><br>

<p>

<H1>Defining e-commerce</H1>

The term was coined and first employed by Dr. Robert Jacobson, Principal Consultant to
the California State Assembly's Utilities & Commerce Committee

13
E-COMMERCE

, in the title and text of California's Electronic Commerce Act, carried by the late
Committee Chairwoman Gwen Moore (D-L.A.) and enacted in 1984.<br>

E-commerce typically uses the web for at least a part of a transaction's life cycle although

it may also use other technologies such as e-mail. Typical e-commerce transactions
include

the purchase of products (such as books from Amazon) or services (such as music
downloads in the form of digital distribution such as iTunes Store).[1] There are three
areas

of e-commerce: online retailing, electronic markets, and online auctions. E-commerce is


supported by electronic business

.[2] The existence value of e-commerce is to allow consumers to shop online and pay
online through the Internet,

saving the time and space of customers and enterprises, greatly improving transaction
efficiency, especially for busy office workers, but also saving a lot of valuable time.[3]

<hr><font style=arial>

E-commerce businesses may also employ some or all of the following:</font>

<br>

Online shopping for retail sales direct to consumers via web sites and mobile apps, and
conversational commerce via live chat, chatbots, and voice assistants;[4]

Providing or participating in online marketplaces, which process third-party business-to-


consumer (B2C) or consumer-to-consumer (C2C) sales;

Business-to-business (B2B) buying and selling;[5]

Gathering and using demographic data through web contacts and social media;

B2B electronic data interchange;

14
E-COMMERCE

Marketing to prospective and established customers by e-mail or fax (for example, with
newsletters);

Engaging in pretail for launching new products and services;

Online financial exchanges for currency exchanges or trading purposes.

</p>

</body>

</html>

Output of all the above tags:

15
E-COMMERCE

6-Comments in HTML.

The comment tag is used to insert comments in the source code. Comments are not
displayed in the browsers.

You can use comments to explain your code, which can help you when you edit the
source code at a later date. This is especially useful if you have a lot of code.

You can use the comment tag to "hide" scripts from browsers without support for
scripts (so they don't show them as plain text):

SYNTAX:
<script type="text/javascript">
<!--
function displayMsg() {
alert("Hello World!")
}
//-->
</script>

Note: The two forward slashes at the end of comment line (//) is the JavaScript
comment symbol. This prevents JavaScript from executing the --> tag.

7 - Different types of ordered lists.


An ordered list can be numerical or alphabetical. An ordered list starts with the <ol> tag.
Each list item starts with the <li> tag. The type attribute of the <ol> tag, defines the
type of the list item marker:

16
E-COMMERCE

Type Description

type="1" The list items will be numbered with numbers (default)

type="A" The list items will be numbered with uppercase letters

type="a" The list items will be numbered with lowercase letters

type="I" The list items will be numbered with uppercase roman


numbers

type="i" The list items will be numbered with lowercase roman numbers

Numbers:
<ol type="1">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

Uppercase Letters:
<ol type="A">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Lowercase Letters:
<ol type="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
17
E-COMMERCE

Uppercase Roman Numbers:


<ol type="I">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Lowercase Roman Numbers:
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

8 - Different types of unordered lists.


An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.

The list items will be marked with bullets (small black circles) by default:

18
E-COMMERCE

Example
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

Value Description

disc Sets the list item marker to a bullet (default)

circle Sets the list item marker to a circle

square Sets the list item marker to a square

none The list items will not be marked

Example - Disc
<ul style="list-style-type:disc;">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

Example - Circle
<ul style="list-style-type:circle;">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

19
E-COMMERCE

Example - Square
<ul style="list-style-type:square;">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Example - None
<ul style="list-style-type:none;">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

9 - Definition list

1. HTML definition list represents a term and a relevant description in the form of the
list.

2. HTML definition list starts and ends with dl element (i.e. <dl> and </dl>).

3. The terms are enclosed with dt element.

20
E-COMMERCE

4. The description is enclosed with the dd element.

5. Another usage of dl, dt and dd elements are to create a dialog. Where each dt specifies
the name of the speaker, and each dd containing his or her words.

Syntax

<dl>
<dt>
<dd>text</dd>
</dt>
.......................................
</dl>

Coding

<html>
<dl>
<dt>PHP</dt>
<dd>A server side scripting language.</dd>
<dt>JavaScript</dt>
<dd>A client side scripting language.</dd>

</dl>

</html>

21
E-COMMERCE

10 - Menu List

HTML <menu> tag specifies a list or menu of commands that a user can perform or
activate. It is used for creating context menu as well as lists menu.

A <menu> element can contain one or more <li> or <menuitem> elements within it.

Syntax

1. <menu>........</menu>

Following are some specifications about the HTML <menu> tag

Display Inline

Start tag/End tag Both Start and End tag

Usage Semantic and textual

Syntax
<html>
<head>
<title>Menu Tag</title>
</head>
<body>
<h2>Example of Menu Tag</h2>
<menu>
<li>Home</li>
<li>Registration</li>
<li>Contact-us</li>
<li>About-us</li>
</menu>
</body>
</html>

22
E-COMMERCE

11 - Directory List

Use the dir tag in HTML to display directory list. This is very similar to <ul> tag but do
not use <dir> since it is deprecated now.

You can try to run the following code to show a directory list in HTML –

<html>

<head>

<title>HTML dir Tag</title>

</head>

<body>

<p>The following are the values:</p>

<dir>

<li>car</li>

<li>bike</li>

<li>ship</li>

</dir>

</body>

</html>

23
E-COMMERCE

12 - How to insert image in Web Page.

Images can be easily inserted at any section in an HTML page. To insert image in an
HTML page, use the <img> tags. It is an empty tag, containing only attributes since the
closing tag is not required.
Just keep in mind that you should use the <img> tag inside <body>…</body> tag. The
src attribute is used to add the image source i.e. URL of the image. The alt attribute is for
adding alternate text, width for adding width, and height for adding the height of the
image.

Syntax:

<html> <head>

<title>HTML img Tag</title>

</head> <body>

<img src="shivam.jpeg" width="750" height="620">

</body>

</html>

24
E-COMMERCE

13 - How to insert hyperlink in text and img.


HTML links are hyperlinks.

You can click on a link and jump to another document.

When you move the mouse over a link, the mouse arrow will turn into a little hand.

Note: A link does not have to be text. A link can be an image or any other HTML element!

HTML Links - Syntax


The HTML <a> tag defines a hyperlink. It has the following syntax:

<a href="url">link text</a>

The most important attribute of the <a> element is the href attribute, which indicates
the link's destination.

The link text is the part that will be visible to the reader.

Clicking on the link text, will send the reader to the specified URL address.

25
E-COMMERCE

Example

This example shows how to create a link to W3Schools.com:

<a href="https://www.w3schools.com/">Visit W3Schools.com!</a>

By default, links will appear as follows in all browsers:

 An unvisited link is underlined and blue


 A visited link is underlined and purple
 An active link is underlined and red

Syntax for text:

<html>

<a href=MINI.HTML target="_blank">link for a mini page</a><br>

<a href=shivam.html target="right">shivam file link</a><br>

<a href=left.html target="right">link for left file</a><br>

</html>

Output:

26
E-COMMERCE

QUESTION-15 Table Creation using colspan and rowspan

HTML tables allow web developers to arrange data into rows and columns.

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.

Each table row starts with a <tr> and end with a </tr> tag.

tr stands for table row.

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.

Syntax:

<html>

<table border="2" bordercolor="green">

<tr>

<th colspan="4">list</th>

</tr>

<tr>

<td>a</td>

<td>b</td>

<td>c</td>

27
E-COMMERCE

<td>d</td>

</tr>

<tr>

<td rowspan="2">1</td>

<td>2</td>

<td>3</td>

<td>4</td>

</tr>

<tr>

<td>5</td>

<td>6</td>

<td>7</td>

</tr>

</table>

</html>

Output:

28
E-COMMERCE

16 - Table creation using cell padding and cell spacing.

HTML tables allow web developers to arrange data into rows and columns.

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.

Each table row starts with a <tr> and end with a </tr> tag.

tr stands for table row.

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.

Syntax:
<html>

<table border="2" bordercolor="red" cellpadding="15" cellspacing="20">

<tr>

<th colspan="4">list</th>

</tr>

<tr>

<td>a</td>

<td>b</td>

<td>c</td>

<td>d</td>
29
E-COMMERCE

</tr>

<tr>

<td rowspan="2">1</td>

<td>2</td>

<td>3</td>

<td>4</td>

</tr>

<tr>

<td>5</td>

<td>6</td>

<td>7</td>

</tr>

</table>

</html>

30
E-COMMERCE

17 - Calander of January 2021


Syntax:

</html>

<table border="2" bordercolor="black">

<tr>

<th colspan="7">CALENDAR</th>

</tr>

<tr>

<th colspan="7">January 2021</th>

</tr>

<tr>

<th>s</th>

<th>m</th>

<th>t</th>

<th>w</th>

<th>t</th>

<th>f</th>

<th>s</th>

</tr>

<tr>

<td>1</td>

<td>2</td>

31
E-COMMERCE

<td>3</td>

<td>4</td>

<td>5</td>

<td>6</td>

<td>7</td>

</tr>

<tr>

<td>8</td>

<td>9</td>

<td>10</td>

<td>11</td>

<td>12</td>

<td>13</td>

<td>14</td>

</tr>

<tr>

<td>15</td>

<td>16</td>

<td>17</td>

<td>18</td>

<td>19</td>

<td>20</td>

32
E-COMMERCE

<td>21</td>

</tr>

<tr>

<td>22</td>

<td>23</td>

<td>24</td>

<td>25</td>

<td>26</td>

<td>27</td>

<td>28</td>

</tr>

<tr>

<td>29</td>

<td>30</td>

<td>31</td>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

</html>

</table>

33
E-COMMERCE

Output:

18 - Create admission form.


Syntax:

<html>

<title>Admission Form</title>

<head>

<body bg color="white">

<table cellpadding=10 cellspacing=10>

<form>

<tr>

<td>STUDENT NAME:</td>

<td><input type=text value="enter your name" maxlenght="20"></td>

</tr>

<tr>

<td>PASSWORD</td> <td><input type=password>

</tr>

<tr>

34
E-COMMERCE

<td>ADDRESS:</td><td><textarea row="20" cols="20">

</TEXTAREA></td>

</tR>

<tr><td>GENDER : </td><td><input type = radio name=gender value male


checked>male

<input type = radio name=gender value female>female

</td></tr>

<tr>

<td>

AGE :</td> <td><input type = radio name=age value below 18 checked>below 18

<input type = radio name=age value above 18>above 18

</td></tr>

<tr>

<td>

HOBBIES =</td><td> <input type=checkbox name=hobby value=football>football

<input type=checkbox name=hobby value=handball>handball

<input type=checkbox name=hobby value=vollyball>vollyball

<input type=checkbox name=hobby value=fistball>fistball

<input type=checkbox name=hobby value=cricket>cricket

</td></tr>

<tr>

<td>

COURSE:</td><td><select>
35
E-COMMERCE

<option>BBA</option>

<option>BED</option>

<option>BCOM</option>

<option>BJMC</option>

</select>

</td></tR>

</table>

<INPUT TYPE=SUBMIT VALUE=OK NAME=SUBMIT>

<INPUT TYPE=RESET VALUE=CANCEL NAME=RESET>

</form>

</body>

</head>

</html>

Output:

36
E-COMMERCE

19 - IMAGE MAP

The HTML <map> tag defines an image map. An image map is an image with clickable
areas. The areas are defined with one or more <area> tags.

Try to click on the computer, phone, or the cup of coffee in the image below:

EXAMPLE

Here is the HTML source code for the image map above:

<img src="workplace.jpg" alt="Workplace" usemap="#workmap">

<map name="workmap">
<area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
<area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
<area shape="circle" coords="337,300,44" alt="Coffee" href="coffee.htm">
</map>
The Areas

Then, add the clickable areas.

A clickable area is defined using an <area> element.

SHAPE

You must define the shape of the clickable area, and you can choose one of these
values:

 rect - defines a rectangular region


 circle - defines a circular region
 poly - defines a polygonal region
 default - defines the entire region

You must also define some coordinates to be able to place the clickable area onto the
image.

SHAPE="RECT"
37
E-COMMERCE

The coordinates for shape="rect" come in pairs, one for the x-axis and one for the y-
axis.

So, the coordinates 34,44 is located 34 pixels from the left margin and 44 pixels from
the top:

The coordinates 270,350 is located 270 pixels from the left margin and 350 pixels
from the top:
<area shape="rect" coords="34, 44, 270, 350" href="computer.html">
SHAPE="CIRCLE"

To add a circle area, first locate the coordinates of the center of the circle:

337,300

<area shape="circle" coords="337, 300, 44" href="coffee.html">


SHAPE="POLY"

The shape="poly" contains several coordinate points, which creates a shape formed
with straight lines (a polygon).

This can be used to create any shape.

Like maybe a croissant shape!

38
E-COMMERCE

20 - WHAT ARE FRAMES. EXPLAIN WITH EXAMPLE?

Frames are the different types of sections or parts in which a frameset is


divided. Frame tag is used within the Frameset tag in order to specify the
source HTML document to be displayed in that section and other attributes
related to that frame.
CODING FOR FRAME
<FRAMESET ROWS="30%,70%">
<frame src="top.HTML" name="top">
<frameset cols="35%,65%">
<frame src="left.HTML" name="left">
<frame src="right.HTML" name="right">
</frameset>
</frameset>
OUTPUT

39
E-COMMERCE

21 - WHAT IS CASCADE STYLE SHEET?

Style Sheets provide a way of customizing whole pages at once and in much
richer detail than the simple use of tags and attributes. For example, we can
use a style sheet to change the standard text color, the font and size of the
headers, the margins of a page, the background color, or a figure. Style
sheet represents W3Ceffort to improve on the tag and attribute-based style
of formatting.
CODING
H1
{
FONT-FAMILY: MONOTYPE CORSIVA;
COLOR: RGB(255,0,0);
}
H3
{
FONT-FAMILY: ARIAL BLACK;
COLOR: RGB(0,255,255);
}
H4
{
FONT-FAMILY: TIMES NEW ROMAN;
COLOR: RGB(255,0,255);
}
H5
{
FONT-FAMILY: ARIAL;
COLOR: RGB(0,255,0);
}

40
E-COMMERCE

22 - TYPES OF CASCADE STYLE SHEETS?

There are three types of CSS which are given below:


 Inline CSS.
 Internal or Embedded CSS.
 External CSS.
EXAMPLE:-1

CODING
<HTML>
<HEAD>
<LINK REL="STYLESHEET" TYPE="TEXT/CSS" HREF="PAGE1.CSS">
</HEAD>
<BODY>
<H1> SLIENCE IS THE BEST ANSWER TO SOMEONE WHO DOESN'T VALUE
YOUR WORDS.” </H1>
<H2>“SLIENCE IS THE BEST ANSWER TO SOMEONE WHO DOESN'T VALUE
YOUR WORDS.” </H2>
<H3> “SLIENCE IS THE BEST ANSWER TO SOMEONE WHO DOESN'T VALUE
YOUR WORDS.” </H3>
<H4> “SLIENCE IS THE BEST ANSWER TO SOMEONE WHO DOESN'T VALUE
YOUR WORDS.” </H4>
<H5>“SLIENCE IS THE BEST ANSWER TO SOMEONE WHO DOESN'T VALUE
YOUR WORDS.” </H5>
<H6> “SLIENCE IS THE BEST ANSWER TO SOMEONE WHO DOESN'T VALUE
YOUR WORDS.” </H6>
</BODY>
</HTML>
41
E-COMMERCE

OUTPUT

EXAMPLE:-2
CODING
<HTML>
<HEAD>
<LINK REL="STYLESHEET" TYPE="TEXT/CSS" HREF="PAGE1.CSS">
<STYLE>
H1 {
FONT-FAMILY: MONOTYPE CORSIVA; COLOR: RGB(255,0,0);
</STYLE>
</HEAD>

<BODY>
<H1 STYLE=" FONT-FAMILY: MONOTYPE CORSIVA; COLOR: RGB(0,255,0);">
Shivam Kumar </H1>
<H1> Shivam Kumar </H1>
<H1 STYLE=" FONT-FAMILY: MONOTYPE CORSIVA; COLOR: RGB(0,255,255);">
THANK YOU</H1>
</BODY>
</HTML>
42
E-COMMERCE

Output

23 - NESTED LIST
<HTML>
<BODY>
<OL>
<LI> BATCH - 2021-24 </LI>
<UL>
<LI>BBA </LI>
<UL>
<LI> 1st SHIFT</LI>
<LI> 2nd SHIFT </LI>
</UL>
<LI> B.COM </LI>
<UL>
<LI> 1st SHIFT</LI>
<LI> 2nd SHIFT </LI>
</UL>
</UL>
43
E-COMMERCE

<HR>
<LI> BATCH 2021-23 </LI>
<UL>
<LI>B.ED</LI>
<UL>
<LI> 1st SHIFT</LI>
<UL>
</UL>
</OL>
</BODY>
</HTML>

OUTPUT

44
E-COMMERCE

24 - DEFINE THE FOLLOWING TERMS:-


1. WWW: The World Wide Web, commonly known as the Web, is the world's
dominant software platform. It is an information space where documents and other
web resources can be accessed through the Internet using a web browser. The Web
has changed people's lives immeasurably.

2. SEARCH ENGINE:- A search engine is a software system designed to carry out


web searches. They search the World Wide Web in a systematic way for particular
information specified in a textual web search query. The search results are generally
presented in a line of results, often referred to as search engine results pages.

3. WEB BROWSER:- A web browser is application software for accessing the World
Wide Web or a local website. When a user requests a web page from a particular
website, the web browser retrieves the necessary content from a web server and
then displays the page on the user's device.

4. WEBSITE:- A website is a collection of web pages and related content that is


identified by a common domain name and published on at least one web server.
Examples of notable websites are Google, Facebook, Amazon, and Wikipedia. All
publicly accessible websites collectively constitute the World Wide Web .

5. WEBPAGE:- A web page is a hypertext document on the World Wide Web. Web
pages are delivered by a web server to the user and displayed in a web browser. A
website consists of many web pages linked together under a common domain
name. The name "web page" is a metaphor of paper pages bound together into a
book.

45
E-COMMERCE

6. STATIC AND DYNAMIC WEBSITE:- A static website is one with stable content,
where every user sees the exact same thing on each individual page. On the other
hand, a dynamic website is one where content is pulled on-the-fly, allowing its
content to change with the user.

7. URL:- A Uniform Resource Locator, colloquially termed a web address, is a


reference to a web resource that specifies its location on a computer network and
a mechanism for retrieving it. A URL is a specific type of Uniform Resource Identifier,
although many people use the two terms interchangeably.

8. DOMAIN NAME:- A domain name is a string that identifies a realm of


administrative autonomy, authority or control within the Internet. Domain names
are used in various networking contexts and for application-specific naming and
addressing purposes.

9. INTERNAT:- A domain name is a string that identifies a realm of administrative


autonomy, authority or control within the Internet. Domain names are used in
various networking contexts and for application-specific naming and addressing
purposes.

10. INTRANET:- An intranet is a computer network for sharing information,


easier communication, collaboration tools, operational systems, and other
computing services within an organization, usually to the exclusion of access by
outsiders.

11. EXTRANET:- An extranet is a controlled private network that allows access


to partners, vendors and suppliers or an authorized set of customers – normally to
a subset of the information accessible from an organization's intranet.

46
E-COMMERCE

12. RELATIVE AND ABSOLUTE PATH:- An absolute path is defined as


specifying the location of a file or directory from the root directory. In other
words,we can say that an absolute path is a complete path from start of actual file
system from / directory. Relative path. Relative path is defined as the path related
to the present working directly

47

You might also like