Scribd
Upload
23 views18 pages

Unit 2 E-Commerce Theory - BBA 108

The document defines HTML tags and their descriptions. It lists 37 HTML tags in a table with their tag name, description, and example usage. Common tags described include headings, paragraphs, links, images, and tables.

Uploaded by

Ishaani Goyal
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
23 views18 pages

Unit 2 E-Commerce Theory - BBA 108

The document defines HTML tags and their descriptions. It lists 37 HTML tags in a table with their tag name, description, and example usage. Common tags described include headings, paragraphs, links, images, and tables.

Uploaded by

Ishaani Goyal
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/ 18

S. No.

Tags Description • Meaning • Definition

1. <a> ANCHOR tag creates <a href="http://www.fillster.com">link</a> to other internet location, or file.
2. ABBREVIATION tags indicate interpretation of the meaning to the browsers and search engines for such
<abbr>
as kind of abbreviations as "Inc.", "etc.".
3. <acronym> ACRONYM tags defines an acronym, like; <acronym title="World Wide Web">WWW</acronym>.
4. <address> ADDRESS tags are used to identify the author's contact information for a section or a document.
5. <area> AREA tag defines a section of an image.
6. <b> BOLD tag is specifying <b>bold section</b> within the text document.
7. <base> BASE tag defines information regarding to the links on the page.
8. <basefont> BASEFONT tags defines changes of all text appearance on the web page.
9. BDO tag is specifying the direction of text display by overwriting the default value from Left to Right.
<bdo>
<bdo dir="rtl">Right to Left</bdo>
10. BGSOUND tag is defining a background sound for a webpage.

<html>
<head>
<bgsound src="JingleBells.wav" loop="3">
<bgsound> </head>
<body>
</body>
</html>

Demo • Example
11. <big> BIG tag makes the <big>text larger</big> then the rest of the text.
12. BLOCKQUOTE tags
<blockquote> <blockquote>separate a section</blockquote>
of text from the surrounding text.
13. <html>
<body> <head>
</head>
S. No. Tags Description • Meaning • Definition

<body>
Body tags identify the content of a web page.
</body>
</html>
14. Line Break tag is specifying<br>
<br>
a new line
15. <button> BUTTON tag is used to create a <button type="button">Push Button</button> Push Button
16. <table>
<caption>CAPTION tag adds a caption to a table.</caption>
<tr>
<caption> <td>
</td>
</tr>
</table>
17. <center> <center>CENTER tags center text, images, etc.</center>
18. <cite> <cite>CITE tags defines a citation and displaying in italics.</cite>
19. <code> CODE tags are used for example, to indicate a code of the current <code>htmltags.html</code> page.
20. COL tags are used to define column properties for table columns.

<table>
<colgroup span="2">
<col width="60" align="left"></col>
<col width="80" align="center"></col>
<col>
</colgroup>
<tr>
<td>1st Column</td>
<td>2nd Column</td>
</tr>
</table>
21. COLGROUP tags are used to define groups of table columns.
<colgroup>
S. No. Tags Description • Meaning • Definition

<table>
<colgroup span="2">
<col width="60" align="left"></col>
<col width="80" align="center"></col>
</colgroup>
<tr>
<td>1st Column</td>
<td>2nd Column</td>
</tr>
</table>
22. DD tag defines a definition description.

<dl>
<dt>NASA</dt>
<dd>
<dd>National Aeronautics and Space Administration</dd>
<dt>MBA</dt>
<dd>Master of Business Administration</dd>
</dl>
23. <dfn> DFN tags emphasize definition, for example; <dfn>PC</dfn>: Personal Computer.
24. <del> DEL tag indicates <del></del>
25. DIR tags define directory lists.

<dir>
<dir> <li>First</li>
<li>Second</li>
<li>Third</li>
</dir>
26. DL tag defines a definition list.

<dl>
<dl>
<dt>CSU</dt>
<dd>California State University</dd>
<dt>UN</dt>
S. No. Tags Description • Meaning • Definition

<dd>United Nations</dd>
</dl>
27. DIV tag is a logical section of a web document.

<div>
<div> <h1>Home Pets</h1>
<p>Cats</p>
<p>Dogs</p>
</div>
28. DT tags defines a definition term.

<dl>
<dt>HTML</dt>
<dt>
<dd>HyperText Markup Language</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets</dd>
</dl>
29. EMBED tag gives a command to a browser to include a multimedia elements, such as video, sound
files within a web document.

<embed src="videofile.mov" width="100" height="100">


<embed>
<embed src="musicfile.mid" width="50" height="50">

Demo • Example
30. <em> EM tags <em>emphasize</em> text.
31. FIELDSET tag creates a form for all elements in it.
<fieldset>
<fieldset>Find a rounded-corner box around this text.</fieldset>
32. FONT tags attribute text <font face="cursive, serif">font</font>, <font color="#0000ff">color</font>, and
<font>
<font size="4">size</font>.
<form> Form tags define a form.
S. No. Tags Description • Meaning • Definition

<form action="contact.html" method="post">


Your Email:
<input type="text" name="visitor-email" maxlength="80" value="" /><br />
Your Name:
<input type="text" name="visitor-name" maxlength="80" value="" /><br />
<input type="submit" value="Send" />
</form>

Top of Form
eMail:

Name:

Bottom of Form
33. Frame tags define each frame within a frameset.

<html>
<head>
<title>Frame Tags in Action</title>
</head>
<noframes>
<body>
<noframe> <h1>Sorry, your browser doesn't support this feature!</h1>
</body>
</noframes>
<frameset cols="35%, 65%">
<frame src ="/htmlcodes/left-frame.html" />
<frame src ="/htmlcodes/right-frame.html" />
</frameset>
</html>
S. No. Tags Description • Meaning • Definition

Demo • Example
34. FRAMESET tags define a layout of frames.

<html>
<frameset cols="45%, *">
<frame src ="/htmlcodes/left-frame.html" />
<frameset>
<frame src ="/htmlcodes/right-frame.html" />
</frameset>
</html>

Demo • Example
35. H1 - H6 define level 1-6 headers.
<h1>Header 1</h1>
<h2>Header 2</h2>
<h1> - <h6> <h3>Header 3</h3>
<h4>Header 4</h4>
<h5>Header 5</h5>
<h6>Header 6</h6>
36. Head tags define general information about the document, page title, meta-tags, scripts and links to
follow, and other commands to browsers.

<html>
<head>
<title>HTML Tags - Head Tag</title>
<head> <meta name="keywords" content="html tags, head tag" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="javaexample.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>
37. HR tag draws a horizontal break line.
<hr>
S. No. Tags Description • Meaning • Definition

Two choices for the same result: <hr> or <hr />


HTML tags contain HTML elements, and give a command to browsers to read the document as an HTML
document.

<html>
<html> <head>
</head>
<body>
</body>
</html>
38. iFrame tag creates an inline frame that contains another web page in it.
<iframe>

39. IMG tag attributes an image.

<img src="http://www.fillster.com/images/tutorial.gif" width="60" height="62" alt="Here write a name for


your image" />
<img>

40. INPUT tags define input fields, check boxes, radio buttons.

<form action="contact.html" method="post">


Your Email:
<input type="text" name="visitor-email" maxlength="80" value="" /><br />
Your Name:
<input> <input type="text" name="visitor-name" maxlength="80" value="" /><br />
<input type="radio" name="Level" value="Web Designer" />Web Designer<br />
<input type="radio" name="Level" value="Web Developer" checked="checked" />Web Developer<br />
<input type="checkbox" name="Computer" value="Windows" />Windows<br />
<input type="checkbox" name="Computer" value="Mac" />Mac<br />
<input type="submit" value="Send" />
</form>
S. No. Tags Description • Meaning • Definition

Top of Form
eMail:

Name:

Web Designer
Web Developer

Windows
Mac

Bottom of Form
41. <ins> INS tag defines an <ins>inserted text</ins>.
42. ISINDEX tag defines a single-line input field. Work in internet explorer

<isindex prompt="Example: ">


Top of Form
<isindex>

Example:

Bottom of Form
43. <i> <I> tag is specifying <i>italic text</i>.
44. <kbd> KBD tag stands for <kbd>keyboard text</kbd>.
LABEL tag defines a label to a form control.
<label>
<p>Where do you live?</p>
S. No. Tags Description • Meaning • Definition

<form action="">
<input type="radio" name="country" id="us" />
<label for="usa">USA</label><br />
<input type="radio" name="country" id="uk" />
<label for="uk">UK</label>
</form>

Where do you live?


Top of Form
USA
UK
Bottom of Form
45. LEGEND tag assigns a caption in a fieldset element.

<legend>Questionnaire</legend>
<p>Where do you live?</p>
<form action="">
<input type="radio" name="country" id="usa" />
<label for="usa">USA</label><br />
<input type="radio" name="country" id="canada" />
<label for="canada">Canada</label>
<legend>
</form>

Questionnaire
Where do you live?
Top of Form
USA
Canada
Bottom of Form
46. LI tag defines a list of ordered and unordered items.
<li>
<ol>
S. No. Tags Description • Meaning • Definition

<li>HTML</li>
<li>PHP</li>
<li>JavaScript</li>
</ol>

<ul>
<li>HTML</li>
<li>PHP</li>
<li>JavaScript</li>
</ul>

1. HTML
2. PHP
3. JavaScript
• HTML
• PHP
• JavaScript

47. LINK tag defines a link to an external document, such as External Style Sheets.

<link> <head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
48. MARQUEE tags define different movement behaviors.
<marquee>
Demos • Examples
49. MENU tag defines a menu list.

<menu>
<li>Google</li>
<menu>
<li>Yahoo</li>
<li>MSN</li>
</menu>
S. No. Tags Description • Meaning • Definition

Google
Yahoo
MSN
50. OPTGROUP tag creates an option drop-down group menu.

<select>
<optgroup label="Fruits">
<option value ="banana">Banana</option>
<option value ="pineapple">Pineapple</option>
</optgroup>
<optgroup label="Vegetables">
<option value ="tomato">Tomato</option>
<option value ="potato">Potato</option>
<optgroup> </optgroup>
</select>

51. OPTION tag creates a drop-down menu. OPTION tag works only in conjunction with a SELECT tag.

<select>
<option value ="beginner" selected="selected">Beginner</option>
<option> <option value ="intermediate">Intermediate</option>
<option value ="advanced">Advanced</option>
</select>

52. <ol> OL tags define an ordered list of items.


S. No. Tags Description • Meaning • Definition

<ol>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
</ol>

1. Red
2. Green
3. Blue
53. <P> tag is specifying a paragraph and creates a new line.
<h4>Header 4</h4>
<p>
<p>This is a paragraph.</p>
PRE tag is specifing a preformatted text. This tag does,t let the browsers to eliminate "white spaces" in
the text.

<pre>
City London Cool
City Paris Awesome
City New York Great
</pre>
<pre>

EXAMPLE

City London Cool


City Paris Awesome
City New York Great
54. <Q> tag is specifing short quotations. The function is similar to <blockquote> tag except that <Q> tag
<q> doesn't break lines of the text.
S. No. Tags Description • Meaning • Definition

<q>I'll be back</q> - is a popular phrase associated with Arnold Schwarzenegger.


55. <S> tag produces a strike throughout a text. <S> tag is depreciated and is not supported in XHTML 1.0
Strict DTD, therefore it's recommended to use DEL tag instead.
<s>
Strike through <s>the following text.</s>
56. SELECT tag creates a menu on a form.

<select>
<option value ="planes" selected="selected">Planes</option>
<select> <option value ="trains">Trains</option>
<option value ="automobiles">Automobiles</option>
</select>

57. SMALL tag creates a small text.


<small>
Compare normal text in relationship to <small>small text</small>
58. SPAN tag is specifying a section of a document.

<span> <div>
<p>Cats and Dogs <span style="color:blue;">are our friends.</span></p>
</div>
59. STRIKE tag creates a strike through words or text. Strike tag is depreciated and is not supported in
XHTML 1.0 Strict DTD, therefore it's recommended to use DEL tag instead.
<strike>
<strike>striking through</strike>
60. STRONG tag is specifying a strong text.

<strong> <div>
<p>Weightlifters are <strong>strong people.</strong></p>
</div>
61. <style> STYLE tag specifies a link and location to a style sheet, and gives a command to browsers regarding to
S. No. Tags Description • Meaning • Definition

a layout for a web page. Please find; First bold line is an External Style, and the next bold lines are for
the Internal Style web page presentation.

<html>
<head>
<title>HTML Tags - Head Tag</title>
<link rel="stylesheet" type="text/css" href="style.css" />

<style type="text/css">
h1{text-align: center; font-style: italic}
p{color:#ff0000}
</style>
</head>
<body>
</body>
</html>
62. SUB tag is defining a subscripted text.
<sub>
SUB tag is creating <sub>a subscripted text.</sub>
63. SUP tag is defining a superscripted text.
<sup>
SUP tag is creating <sup>a superscripted text.</sup>
64. TABLE tag is defining a table.

<table>
<tr>
<table>
<td>First Cell</td>
<td>Second Cell</td>
</tr>
</table>
65. TD tag creates a data cell.
<td>
<table>
<tr>
S. No. Tags Description • Meaning • Definition

<td>First Data Cell</td>


<td>Second Data Cell</td>
</tr>
</table>
66. TH tag creates a header cell.

<table>
<tr>
<th colspan="2">My Shopping List</th>
<th> </tr>
<tr>
<td>Apples</td>
<td>Pears</td>
</tr>
</table>
67. TR tag creates a row in a table.

<table>
<tr>
<tr>
<td>Data Cell 1</td>
<td>Data Cell 2</td>
</tr>
</table>
68. TBODY tag creates a table body.

<table>
<thead>
<tr>
<tbody> <td colspan="2">>Header - Complete List of Basic HTML Tags</td>
</tr>
</thead>
<tbody>
<tr>
<td>Tags</td>
S. No. Tags Description • Meaning • Definition

<td>Attributes</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">>Footer - Created by Fillster.com</td>
</tr>
</tfoot>
</table>
69. TEXTAREA tag creates a text area.

<textarea rows="4" cols="30">


Place you text in here...
</textarea>
<textarea>

70. TFOOT tag creates a table footer.

<table>
<thead>
<tr>
<td colspan="2">>Header - HTML Tags List</td>
</tr>
</thead>
<tfoot>
<tbody>
<tr>
<td>HTML Tags</td>
<td>HTML Attributes</td>
</tr>
</tbody>
<tfoot>
<tr>
S. No. Tags Description • Meaning • Definition

<td colspan="2">>Footer - Copyright © Fillster.com</td>


</tr>
</tfoot>
</table>
71. THEAD tag creates a table header.

<table>
<thead>
<tr>
<td colspan="2">>Header text place here.</td>
</tr>
</thead>
<tbody>
<tr>
<thead>
<td>Element - 1</td>
<td>Element - 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">>Footer notes put here.</td>
</tr>
</tfoot>
</table>
72. TITLE tag declares a title of an HTML document.

<html>
<head>
<title> <title>Brief description of the web page.</title>
</head>
<body>
</body>
</html>
S. No. Tags Description • Meaning • Definition

73. TT tag creates a teletype text.


<tt>
This is a default font of the text, <tt>but this is a teletype font.</tt>
74. U tag makes an underlined text.
<u>
This text has the <u>underlined words.</u>
75. UL tags define an unordered list of items.

<ul>
<li>Code</li>
<li>Script</li>
<ul> <li>Tag</li>
</ul>

• Code
• Script
• Tag

You might also like