0% found this document useful (0 votes)

75 views6 pages

Example: HTML Tags Chart

The document provides examples of common HTML tags along with brief explanations and sample code. Some of the key tags covered include links (<a>), headings (<h1>-<h6>), paragraphs (<p>), lists (<ul>, <ol>, <li>), images (<img>), and forms (<form>, <input>). Each tag listing includes the tag name, a short description of its use, and sample HTML code to demonstrate how it appears in a web browser.

Uploaded by

Ishaan6

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOC, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

75 views6 pages

Example: HTML Tags Chart

Uploaded by

Ishaan6

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOC, PDF, TXT or read online on Scribd

You are on page 1/ 6

HTML Tags Chart

To use any of the following HTML tags, simply select the HTML code you'd like and
copy and paste it into your web page.

Tag Name Code Example Browser View

<!--This can be viewed in the HTML part of a

<b> bold <b>Example</b> Example

<big> big (text) <big>Example</big> Example (Tip)

body of
<body> HTML <body>The content of your HTML page</body> Contents of your web page (Tip)
document

The contents of your page<br>The contents of your The contents of your web page
<br> line break
page The contents of your web page

<center> center <center>This will center your contents</center>

This will center your contents

<dl>
<dt>Definition Term</dt> Definition Term
definition <dd>Definition of the term</dd> Definition of the term
<dd>
description <dt>Definition Term</dt> Definition Term
<dd>Definition of the term</dd> Definition of the term
</dl>

<dl>
<dt>Definition Term</dt> Definition Term
definition <dd>Definition of the term</dd> Definition of the term
<dl>
list <dt>Definition Term</dt> Definition Term
<dd>Definition of the term</dd> Definition of the term
</dl>

<dl>
<dt>Definition Term</dt> Definition Term
definition <dd>Definition of the term</dd> Definition of the term
<dt>
term <dt>Definition Term</dt> Definition Term
<dd>Definition of the term</dd> Definition of the term
</dl>

This is an <em>Example</em> of using

<em> emphasis This is an Example of using the emphasis tag
the emphasis tag

embed <embed src="yourfile.mid" width="100%"

<font> font <font face="Times New Roman">Example</font> Example (Tip)

<font face="Times New Roman"

<font> font
size="4">Example</font> Example (Tip)
<font> font
<font face="Times New Roman" size="+3"
color="#ff0000">Example</font> Example (Tip)

<form action="mailto:you@yourdomain.com">
Name: <input name="Name" value="" Name: (Tip)
size="10"><br>
<form> form Email: <input name="Email" value=""
Email:
size="10"><br>
<center><input type="submit"></center>
</form> Submit
<h1> heading 1 <h1>Heading 1 Example</h1>
<h2> heading 2 <h2>Heading 2 Example</h2>
<h3> heading 3 <h3>Heading 3 Example</h3>
<h4> heading 4 <h4>Heading 4 Example</h4>
<h5> heading 5 <h5>Heading 5 Example</h5>
<h6> heading 6 <h6>Heading 6 Example</h6>

heading of
<head>Contains elements describing the
<head> HTML Nothing will show
document</head>
document

horizontal Contents of your web page (Tip)

<hr> <hr />
rule
Contents of your web page

Contents of your web page

horizontal
<hr> <hr width="50%" size="3" />
rule
Contents of your web page

Contents of your web page

horizontal
<hr> <hr width="50%" size="3" noshade />
rule
Contents of your web page

<hr> Contents of your web page

horizontal
(Internet <hr width="75%" color="#ff0000" size="4" />
rule
Explorer) Contents of your web page

<hr> Contents of your web page

horizontal
(Internet <hr width="25%" color="#6699ff" size="6" />
rule
Explorer) Contents of your web page

<html>
<head>
<meta>
hypertext
<title>Title of your web page</title>
<html> markup Contents of your web page
</head>
language
<body>HTML web page contents
</body>
</html>

<i> italic <i>Example</i> Example

<img src="Earth.gif" width="41" height="41"

<img> image
border="0" alt="text describing the image" />
(Tip)

Example 1: Example 1: (Tip)

<form method=post action="/cgi-bin/example.cgi">
<input> input field
<input type="text" size="10" maxlength="30"> Submit
<input type="Submit" value="Submit">
</form>

Example 2:

<form method=post action="/cgi-bin/example.cgi"> Example 2: (Tip)

Example 3:

<form method=post action="/cgi-bin/example.cgi"> Example 3: (Tip)

<table border="0" cellspacing="0"
cellpadding="2"><tr><td bgcolor="#8463ff"><input
<input> input field
type="text" size="10" maxlength="30"></td><td
bgcolor="#8463ff" valign="Middle"> <input
type="image" name="submit"
src="yourimage.gif"></td></tr> </table>
</form>

<input> input field Example 4: Example 4: (Tip)

<form method=post action="/cgi-bin/example.cgi">

Enter Your Comments:<br>
<textarea wrap="virtual" name="Comments" rows=3
cols=20 maxlength=100></textarea><br>
<input type="Submit" value="Submit">
<input type="Reset" value="Clear">
</form>

Submit Clear

Example 5:

<form method=post action="/cgi-bin/example.cgi">

<center>
Select an option:
Example 5: Tip)
<select>
<option >option 1</option>
<input> input field <option selected>option 2</option>
<option>option 3</option> Select an option:
<option>option 4</option>
<option>option 5</option> Submit
<option>option 6</option>
</select><br>
<input type="Submit" value="Submit"></center>
</form>

Example 6: (Tip)

Select an option:
Example 6:

<form method=post action="/cgi-bin/example.cgi"> Option 1

Select an option:<br>
<input type="radio" name="option"> Option 1
<input type="radio" name="option" checked> Option 2
Option 2
<input type="radio" name="option"> Option 3
Option 3
<br>
<input> input field <br>
Select an option:
Select an option:<br>
<input type="checkbox" name="selection">
Selection 1 Selection 1
<input type="checkbox" name="selection"
checked> Selection 2
<input type="checkbox" Selection 2
name="selection"> Selection 3
<input type="Submit" value="Submit"> Selection 3
</form>
Submit

Example 1: (Tip)
 List item 1
Example 1:

<menu> o List item 2

<li type="disc">List item 1</li>
<li type="circle">List item 2</li>
<li type="square">List item 3</li>
</MENU>  List item 3

<li> list item

Example 2:

<ol type="i"> Example 2:

<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li> i. List item 1
<li>List item 4</li> ii. List item 2
</ol> iii. List item 3

iv. List item 4

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

<marquee> <marquee bgcolor="#cccccc" loop="-1"

scrolling
(Internet scrollamount="2" width="100%">Example
text
Explorer) Marquee</marquee>

(Tip)

<menu> menu <menu>

<li type="disc">List item 1</li>
 List item 1
<li type="circle">List item 2</li>
<li type="square">List item 3</li>
</menu>
o List item 2

 List item 3

<meta> meta <meta http-equiv="Pragma" content="no-cache"> Nothing will show (Tip)

<meta> meta <meta name="rating" content="General"> Nothing will show (Tip)

<meta> meta <meta name="robots" content="all"> Nothing will show (Tip)

<meta> meta <meta name="robots" content="noindex,follow"> Nothing will show (Tip)

<ol> ordered list Numbered Numbered

1. List item 1
<ol> 2. List item 2
<li>List item 1</li> 3. List item 3
<li>List item 2</li> 4. List item 4
<li>List item 3</li>
<li>List item 4</li>
</ol> Numbered Special Start

Numbered Special Start

5. List item 1
<ol start="5"> 6. List item 2
<li>List item 1</li> 7. List item 3
<li>List item 2</li> 8. List item 4
<li>List item 3</li>
<li>List item 4</li>
</ol> Lowercase Letters

Lowercase Letters
a. List item 1
b. List item 2
<ol type="a"> c. List item 3
<li>List item 1</li> d. List item 4
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li> Capital Letters
</ol>
A. List item 1
Capital Letters
B. List item 2
C. List item 3
<ol type="A"> D. List item 4
<li>List item 1</li>
<li>List item 2</li>
Capital Letters Special Start
<li>List item 3</li>
<li>List item 4</li>
</ol>
C. List item 1
D. List item 2
Capital Letters Special Start
E. List item 3
F. List item 4
<ol type="A" start="3">
<li>List item 1</li>
Lowercase Roman Numerals
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
i. List item 1
</ol>
ii. List item 2
iii. List item 3
Lowercase Roman Numerals
iv. List item 4

<ol type="i">
Capital Roman Numerals
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li> I. List item 1
<li>List item 4</li> II. List item 2
</ol> III. List item 3
IV. List item 4
Capital Roman Numerals

Capital Roman Numerals Special Start

Capital Roman Numerals Special Start X. List item 4

<ol type="I" start="7">

<form method=post action="/cgi-bin/example.cgi">

<center>
Select an option:
<select>
<option>option 1</option>
<option selected>option 2</option> Select an option: (Tip)
listbox
<option> <option>option 3</option>
option
<option>option 4</option>
<option>option 5</option>
<option>option 6</option>
</select><br>
</center>
</form>

This is an example displaying the use of the

This is an example displaying the use of the paragraph tag.
paragraph tag. <p> This will create a line break and a
space between lines.
This will create a line break and a space
Attributes: between lines.

Example 1:<br> Attributes:

<br>
<p align="left"> Example 1:
This is an example<br>
displaying the use<br> This is an example
of the paragraph tag.<br> displaying the use
<br> of the paragraph tag.
<p> paragraph
Example 2:<br>
<br>
<p align="right"> Example 2:
This is an example<br>
displaying the use<br> This is an example
of the paragraph tag.<br> displaying the use
<br> of the paragraph tag.
Example 3:<br>
<br>
<p align="center"> Example 3:
This is an example<br>
displaying the use<br> This is an example
of the paragraph tag. displaying the use
of the paragraph tag.

small
<small>
(text)
<small>Example</small> Example (Tip)

deleted
<strike> <strike>Example</strike> Example
text

strong
<strong> <strong>Example</strong> Example
emphasis

Example 1:

<table border="4" cellpadding="2" cellspacing="2"

width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
Example 1: (Tip)
</tr>
</table> Column 1 Column 2

Example 2: (Internet Explorer)

<table border="2" bordercolor="#336699"

cellpadding="2" cellspacing="2" width="100%"> Example 2: (Tip)
<tr>
<td>Column 1</td>
<table> table <td>Column 2</td> Column 1 Column 2
</tr>
</table>

Example 3:
Example 3: (Tip)
<table cellpadding="2" cellspacing="2"
width="100%">
<tr> Column 1 Column 2
<td bgcolor="#cccccc">Column 1</td> Row 2 Row 2
<td bgcolor="#cccccc">Column 2</td>
</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
</tr>
</table>

<td> table data <table border="2" cellpadding="2" cellspacing="2"

width="100%">
<tr> Column 1 Column 2
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

<div align="center">
<table>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>

</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
</tr>
Column Column Column
<tr>
table 1 2 3
<th>
header <td>Row 3</td> Row 2 Row 2 Row 2
<td>Row 3</td> Row 3 Row 3 Row 3
Row 4 Row 4 Row 4
<td>Row 3</td>
</tr>
<tr>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
</tr>
</table>
</div>
document Title of your web page will be viewable in the
<title> <title>Title of your HTML page</title>
title title bar. (Tip)

<table border="2" cellpadding="2" cellspacing="2"

width="100%">
<tr>
<td>Column 1</td>
<tr> table row Column 1 Column 2
<td>Column 2</td>
</tr>

</table>
<tt> teletype <tt>Example</tt> Example
<u> underline <u>Example</u> Example

Example 1:

Example 1:<br>
<br>  List item 1
<ul>
<li>List item 1</li>  List item 2
<li>List item 2</li>
</ul>
<br>
unordered Example 2:<br> Example 2:
<ul>
list <ul type="disc">
<li>List item 1</li>
<li>List item 2</li>  List item 1
<ul type="circle">
<li>List item 3</li>  List item 2
<li>List item 4</li> o List item 3
</ul>
</ul>

o List item 4

HTML tags
No ratings yet
HTML tags
7 pages
HTML Tags Chart Signed
No ratings yet
HTML Tags Chart Signed
8 pages
HTML Tags Chart: Tag Name Code Example Browser View
No ratings yet
HTML Tags Chart: Tag Name Code Example Browser View
8 pages
HTML Tags
No ratings yet
HTML Tags
14 pages
HTML Tags: Name HTML Tag HTML Code Example Browser View
No ratings yet
HTML Tags: Name HTML Tag HTML Code Example Browser View
13 pages
Tag Nam e Code Example Browser View
No ratings yet
Tag Nam e Code Example Browser View
17 pages
Mips Processor Example
No ratings yet
Mips Processor Example
40 pages
HTML tags
No ratings yet
HTML tags
7 pages
HTML Tags
No ratings yet
HTML Tags
6 pages
Name HTML Tag HTML Code Example Browser View
No ratings yet
Name HTML Tag HTML Code Example Browser View
11 pages
Example: Tag Name Code Example Browser View
No ratings yet
Example: Tag Name Code Example Browser View
19 pages
Tag Name Code Example Browser View: H.T.Patel
No ratings yet
Tag Name Code Example Browser View: H.T.Patel
9 pages
HTML Codes
No ratings yet
HTML Codes
9 pages
Tag Name Code Example Browser View
No ratings yet
Tag Name Code Example Browser View
8 pages
HTML Tags Chart: Tag Name Code Example Browser View
No ratings yet
HTML Tags Chart: Tag Name Code Example Browser View
10 pages
HTML Tags Chart
0% (1)
HTML Tags Chart
9 pages
Creating An HTML Page
No ratings yet
Creating An HTML Page
11 pages
HTML Tags Chart
No ratings yet
HTML Tags Chart
17 pages
HTML Tags Chart: Tag Name Code Example Browser View
No ratings yet
HTML Tags Chart: Tag Name Code Example Browser View
9 pages
CS1010 final exam 2018/29
No ratings yet
CS1010 final exam 2018/29
23 pages
HTML Tags List
100% (1)
HTML Tags List
8 pages
Listado de Tags HTML
No ratings yet
Listado de Tags HTML
9 pages
Chapter 18 - Computer Aided Manufacturing PDF
100% (3)
Chapter 18 - Computer Aided Manufacturing PDF
74 pages
HTML Material by Bala Mahesh (2)
No ratings yet
HTML Material by Bala Mahesh (2)
8 pages
HTML Tags Chart: Tag Name Code Example Browser View
No ratings yet
HTML Tags Chart: Tag Name Code Example Browser View
9 pages
Tag Name Code Example Browser View
No ratings yet
Tag Name Code Example Browser View
10 pages
HTML Tags Chart: Tag Name Code Example Browser View
No ratings yet
HTML Tags Chart: Tag Name Code Example Browser View
10 pages
HTML Tags
No ratings yet
HTML Tags
8 pages
HTML Tags Chart: Tag Name Code Example Browser View
No ratings yet
HTML Tags Chart: Tag Name Code Example Browser View
38 pages
Example: HTML Tags Chart
No ratings yet
Example: HTML Tags Chart
7 pages
8 DSS
100% (1)
8 DSS
34 pages
H8 Family of Microcontrollers
No ratings yet
H8 Family of Microcontrollers
46 pages
19ec412 - CN-QR - Answer Key April 2023 New
No ratings yet
19ec412 - CN-QR - Answer Key April 2023 New
56 pages
Kaelus Test Measurement Product Ordering Guide
No ratings yet
Kaelus Test Measurement Product Ordering Guide
21 pages
Chapter 10
No ratings yet
Chapter 10
24 pages
Check SAP RESUME NALNI - 12
No ratings yet
Check SAP RESUME NALNI - 12
7 pages
HTML Tags Chart: Tag Name Code Example Browser View
100% (1)
HTML Tags Chart: Tag Name Code Example Browser View
8 pages
salon mangement system 605
No ratings yet
salon mangement system 605
8 pages
HTML Tags Chart
No ratings yet
HTML Tags Chart
8 pages
Tag Name Code Example Browser View: (Tip) Visit Our Site (Tip)
No ratings yet
Tag Name Code Example Browser View: (Tip) Visit Our Site (Tip)
13 pages
Example: HTML Tags Chart
No ratings yet
Example: HTML Tags Chart
6 pages
ADO.net.docx
No ratings yet
ADO.net.docx
7 pages
LC863548B 2
No ratings yet
LC863548B 2
18 pages
Aptio Overview
No ratings yet
Aptio Overview
26 pages
IO Programming
No ratings yet
IO Programming
30 pages
Zte Zxr10 5250 Series All Gigabit Intelligent Switch Datasheet 20120430 En1
No ratings yet
Zte Zxr10 5250 Series All Gigabit Intelligent Switch Datasheet 20120430 En1
4 pages
HTML Tags Chart: Tag Name Code Example Browser View
No ratings yet
HTML Tags Chart: Tag Name Code Example Browser View
8 pages
HTML Tags Chart: Tag Name Code Example Browser View
No ratings yet
HTML Tags Chart: Tag Name Code Example Browser View
8 pages
ReleaseNotebyKX-NS300500700 1000V6.01ProductSpecification 1519720736.726
No ratings yet
ReleaseNotebyKX-NS300500700 1000V6.01ProductSpecification 1519720736.726
37 pages
HTML Tags Chart: Tag Name Code Example Browser View
No ratings yet
HTML Tags Chart: Tag Name Code Example Browser View
11 pages
Name HTML Tag HTML Code Example Browser View
No ratings yet
Name HTML Tag HTML Code Example Browser View
9 pages
HTML Tags Chart
No ratings yet
HTML Tags Chart
10 pages
Intelligent Multimedia Presentation Syst 60165 PDF
No ratings yet
Intelligent Multimedia Presentation Syst 60165 PDF
18 pages
API
No ratings yet
API
1,559 pages
Tag Name Code Example Browser View
No ratings yet
Tag Name Code Example Browser View
11 pages
Tag Name Code Example Browser View
No ratings yet
Tag Name Code Example Browser View
9 pages
HTML Tags Chart
No ratings yet
HTML Tags Chart
7 pages
Example: HTML Tags Chart
No ratings yet
Example: HTML Tags Chart
8 pages
Hackerone Reports
No ratings yet
Hackerone Reports
13 pages
RW-2 of Comp - Class 4th
No ratings yet
RW-2 of Comp - Class 4th
4 pages
HTML Tags Chart
No ratings yet
HTML Tags Chart
25 pages
HTML Tags Chart: Tag Name Code Example Browser View
No ratings yet
HTML Tags Chart: Tag Name Code Example Browser View
9 pages
GNSS Smartphones Positioning: Advances, Challenges, Opportunities, and Future Perspectives
No ratings yet
GNSS Smartphones Positioning: Advances, Challenges, Opportunities, and Future Perspectives
23 pages
HTML Tags Chart
100% (3)
HTML Tags Chart
10 pages
W516 (Section10) CP1L-EL - EM Analog Option Boards
No ratings yet
W516 (Section10) CP1L-EL - EM Analog Option Boards
18 pages
HTML Tags Chart
No ratings yet
HTML Tags Chart
8 pages
Online Bidding System
100% (1)
Online Bidding System
75 pages
HTML Tags Chart: Tag Name Code Example Browser View
No ratings yet
HTML Tags Chart: Tag Name Code Example Browser View
11 pages
HTML Tags Chart: Tag Name Code Example Browser View
No ratings yet
HTML Tags Chart: Tag Name Code Example Browser View
8 pages
Product Manual: FIRMWARE To ONT AN5506-01-A
No ratings yet
Product Manual: FIRMWARE To ONT AN5506-01-A
67 pages
HTML Tags Chart: Example
No ratings yet
HTML Tags Chart: Example
8 pages
Setting The Pace For Monochrome Excellence
No ratings yet
Setting The Pace For Monochrome Excellence
2 pages
Example: HTML Tags Chart
No ratings yet
Example: HTML Tags Chart
6 pages
Tag Name Code Example Browser View
No ratings yet
Tag Name Code Example Browser View
9 pages
HTML5 Reference: An Alphabetical Guide
From Everand
HTML5 Reference: An Alphabetical Guide
Jo Foster
No ratings yet
Write Some Code with HTML, CSS, + JavaScript
From Everand
Write Some Code with HTML, CSS, + JavaScript
Tom Henricksen
No ratings yet
Java Assignment
No ratings yet
Java Assignment
55 pages
Documents: Breast Sucking
No ratings yet
Documents: Breast Sucking
28 pages
Ultra HTML Reference
From Everand
Ultra HTML Reference
Mike Abelar
2/5 (1)
Coding JavaScript
From Everand
Coding JavaScript
Tom Henricksen
No ratings yet
Cooking up the web with HTML and JavaScript
From Everand
Cooking up the web with HTML and JavaScript
Tom Henricksen
No ratings yet
HTML Tags Chart
No ratings yet
HTML Tags Chart
32 pages
Quick Start Basic HTML and JavaScript
From Everand
Quick Start Basic HTML and JavaScript
Tom Henricksen
No ratings yet
HTML Tags Chart PDF
75% (4)
HTML Tags Chart PDF
8 pages
HTML+CSS Quick-n Dirty
From Everand
HTML+CSS Quick-n Dirty
Tom Henricksen
No ratings yet
Easy html and css
From Everand
Easy html and css
S VASIST
No ratings yet
Loudspeaker RSL: Premier
100% (1)
Loudspeaker RSL: Premier
7 pages
Objects in Salesforce
No ratings yet
Objects in Salesforce
3 pages
HTML Tags Chart
No ratings yet
HTML Tags Chart
9 pages
E3d Admin Syllabus
100% (1)
E3d Admin Syllabus
8 pages