G

HTML Tags
Tags
Description
Example
1.
1. The <!DOCTYPE>
1.<!DOCTYPE html>
<!DOCTYPE>
declaration helps the

browser to display a
web page correctly.
2. 
2.Defines a comment
3. <a>
3. Defines a hyperlink
3.<a href=" www.w3schools.com">
4. Defines an
4. The <abbr title="World Health
abbreviation or an
Organization">WHO</abbr> was founded in
acronym
1948.
4. <abbr>
5. <acronym>
6. <address>
2. 
W3Schools.com!</a>
5. Defines an acronym 5. <acronym title="as soon as

possible">ASAP</acronym>
6. Defines contact
6. <address>
author/owner of a
href="mailto:webmaster@example.com">Jon
document
Doe</a>.<br>
information for the
Written by <a
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
Page 1 of 13
7. <applet>
8. <area>
7. Defines an
7. <applet code="Bubbles.class" width="350"
embedded applet
height="350">
Java applet that draws animated bubbles.

</applet>
8. Defines an area
inside an image-map
8. <p>Click on the sun or on one of the planets to

watch it closer:</p>
<img src="planets.gif" width="145" height="126"

alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun"
href="sun.htm">
<area shape="circle" coords="90,58,3"
alt="Mercury" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Venus"
href="venus.htm">
</map>
9. <article>
9. Defines an article
9. <article>
<h1>Google Chrome</h1>
<p>Google Chrome is a free, open-source web
browser developed by Google, released in

2008.</p>
</article>
10. <aside>
10. Defines content
aside from the page

content
10. <aside>
<h4>Epcot Center</h4>
<p>The Epcot Center is a theme park in Disney
World, Florida.</p>
</aside>
11. <audio>
11. Defines sound

content
11. <audio controls>
<source src="horse.ogg" type="audio/ogg">

<source src="horse.mp3" type="audio/mpeg">
Page 2 of 13
Your browser does not support the audio tag.

</audio>
12. <b>
12. Defines bold text
12. <b>and this is bold text</b>
13. <base>
13. Specifies the base
13. <base
URL/target for all
href="http://www.w3schools.com/images/"
relative URLs in a
target="_blank">
document
14. <basefont>
14. Specifies a default
14. <basefont color="red" size="5">
color, size, and font

for all text in a
document
15. <bdi>
15. Isolates a part of

text that might be
<li>User <bdi>hrefs</bdi>: 60 points</li>
formatted in a
<li>User <bdi>jdoe</bdi>: 80 points</li>
different direction
<li>User <bdi>< /bdi>: 90 points</li>
from other text
</ul>
16. Overrides the
16. <bdo dir="rtl">
outside it
16. <bdo>
15. <ul>
current text direction
This text will go right-to-left.

</bdo>
17. <big>
17. Defines big text
17. <p><big>Bigger text</big></p>
Page 3 of 13
18.
<blockquote>
18. Defines a section
18. <blockquote
that is quoted from
cite="http://www.worldwildlife.org/who/index.html"
another source
>
For 50 years, WWF has been protecting the future

of nature. The world's leading conservation
organization, </blockquote>
19. <body>
20. <br>
21. <button>
19. Defines the
19. <body>
document's body
The content of the document......
20. Defines a single
20This text contains<br>a line break.
</body>
line break
21. Defines a clickable 21. <button type="button">Click Me!</button>

button
22. <canvas>
22. Used to draw
22. <canvas id="myCanvas"></canvas>
graphics, on the fly,
via scripting (usually

JavaScript)
23. <caption>
23. Defines a table
23. <caption>Monthly savings</caption>
caption
24. <center>
24. Defines centered
24. <center>This text will be center-
25. <cite>
25. Defines the title of
25. <p><cite>The Scream</cite> by Edward
a work
Munch. Painted in 1893.</p>
text
aligned.</center>
Page 4 of 13
26. <code>
26. Defines a piece of
26. <code>A piece of computer code</code>
computer code
27. <col>
28. <colgroup>
27. Specifies column

properties for each
<col span="2" style="background-color:red">
column within a
<col style="background-color:yellow">
<colgroup> element
</colgroup>
28. Specifies a group
28. <colgroup>
of one or more
columns in a table for

formatting
29. <datalist>
27. <colgroup>
29. Specifies a list of
<col span="2" style="background-color:red">

<col style="background-color:yellow">
</colgroup>
29. <datalist id="browsers">
pre-defined options
<option value="Internet Explorer">
for input controls
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
30. <dd>
30. Defines a
30. <dl>
description/value of a
<dt>Coffee</dt>
list
<dt>Milk</dt>
term in a description
<dd>Black hot drink</dd>

<dd>White cold drink</dd>
</dl>
31. <del>
31. Defines text that
has been deleted from
31. <p>My favorite color is <del>blue</del>

<ins>red</ins>!</p>
a document
Page 5 of 13
32. <details>
32. Defines additional

details that the user
can view or hide
32.<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are

the property of the company Refsnes Data.</p>
</details>
33. <dfn>
33. Represents the
defining instance of a
33. <p><dfn>HTML</dfn> is the standard
markup language for creating web pages.</p>
term
34. <dialog>
35. <dir>
34. Defines a dialog
34. <dialog open>This is an open dialog
box or window
window</dialog>
35. Defines a
35. <dir>
directory list
<li>html</li>
<li>xhtml</li>
<li>css</li>
</dir>
36. <div>
36. Defines a section

in a document
36. <div style="color:#0000FF">

<h3>This is a heading</h3>
<p>This is a paragraph.</p>
37. <dl>
</div>
37. Defines a
description list
37. <dl>
<dt>Coffee</dt>

<dt>Milk</dt>
</dl>
38. <dt>
38. Defines a
term/name in a
description list
38. <dl>
<dt>Coffee</dt>
Page 6 of 13
<dt>Milk</dt>
</dl>
39. <em>
40. <embed>
39. Defines
39. <em>Emphasized text</em>
emphasized text
40. Defines a
container for an
40. <embed src="helloworld.swf">
external (non-HTML)
application
41. <fieldset>
41. Groups related
elements in a form
41. <form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">

</fieldset>
</form>
42<figcaption> 42. Defines a caption
for a <figure>
element
42. <figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock"
width="304" height="228">
<figcaption>Fig1. - A view of the pulpit rock in
Norway.</figcaption>
</figure>
43. <figure>
44. <font>
43. Specifies selfcontained content
43. <figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock"
width="304" height="228">
</figure>
44. Defines font,
color, and size for text
44. <font size="3" color="red">This is some

text!</font>
Page 7 of 13
45. <footer>
45.Defines a footer for 45. <footer>

a document or section
<p>Posted by: Hege Refsnes</p>

<p>Contact information: <a
href="mailto:someone@example.com">
someone@example.com</a>.</p>
</footer>
46. <form>
46. Defines an HTML

form for user input
46. <form action="demo_form.asp" method="get">

First name: <input type="text"
name="fname"><br>
Last name: <input type="text"
name="lname"><br>
<input type="submit" value="Submit">
</form>
47. <frame>
47. Defines a window

(a frame) in a
frameset
47. <frameset cols="25%,50%,25%">

<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
48. <frameset>
48. Defines a set of

frames
48. <frameset cols="25%,*,25%">

<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
49. <h1> to
<h6>
49. Defines HTML
49. <h1>This is heading 1</h1>
headings
<h2>This is heading 2</h2>

Page 8 of 13
50. <head>
50. Defines
50. <head>
information about the
<title>Title of the document</title>
51. Defines a header
51. <header>
document
51. <header>
for a document or
section
</head>
<h1>Most important heading here</h1>

<h3>Less important heading here</h3>
<p>Some additional information here</p>

</header>
52. <hr>
52. Defines a thematic
52. <p>HTML is a language for describing web
change in the content
pages.....</p>
<hr>
<h1>CSS</h1>
53. <html>
53. Defines the root of
53. <!DOCTYPE HTML>
an HTML document
<html>
<head>
<title>Title of the document</title>

</head>
<body>
The content of the document......
</body>
</html>
54. <i>
54. Defines a part of
54. <p>He named his car <i>The lightning</i>,
text in an alternate
because it was very fast.</p>
55. Defines an inline
55. <iframe
frame
src="http://www.w3schools.com"></iframe>
voice or mood
55. <iframe>
Page 9 of 13
56. <img>
57. <input>
58. <ins>
56. Defines an image
56. <img src="smiley.gif" alt="Smiley face"
57. Defines an input
57. <input type="text" name="fname">
58. Defines a text that
58. <p>My favorite color is <del>blue</del>
control
has been inserted into
height="42" width="42">
<ins>red</ins>!</p>
a document
59. <kbd>
59. Defines keyboard
59. <kbd>Keyboard input</kbd>
input
60. <keygen>
60. Defines a key-pair
60. <form action="demo_keygen.asp"
generator field (for
method="get">
forms)
Username: <input type="text" name="usr_name">

Encryption: <keygen name="security">
<input type="submit">
</form>
61. <label>
61. Defines a label for

an <input> element
61. <form action="demo_form.asp">

<label for="male">Male</label>
<input type="radio" name="gender" id="male"

value="male"><br>
<label for="female">Female</label>
<input type="radio" name="gender" id="female"
value="female"><br>
<label for="other">Other</label>
<input type="radio" name="gender" id="other"
value="other"><br><br>
<input type="submit" value="Submit">
</form>
Page 10 of 13
62. <legend>
62. Defines a caption

for a <fieldset>
element
62. <fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>

Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
63. <li>
63. Defines a list item
63. <ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
64. <link>
64. Defines the
64. <link rel="stylesheet" type="text/css"
relationship between
href="theme.css">
a document and an
external resource
(most used to link to

style sheets)
65. <main>
66. <map>
65.Specifies the main
65. <main>
<h1>Web Browsers</h1>
content of a document
<p>Google Chrome, Firefox, and
Internet Explorer are the most used
browsers today.</p></main>
66. Defines a clientside image-map
66. <map name="planetmap">

<area shape="rect"
coords="0,0,82,126" href="sun.htm"
alt="Sun">
<area shape="circle"
coords="90,58,3" href="mercur.htm"
alt="Mercury">
<area shape="circle"
coords="124,58,8" href="venus.htm"
alt="Venus">
</map>
Page 11 of 13
67. <mark>
67. Defines
marked/highlighted
67. <p>Do not forget to buy

<mark>milk</mark> today.</p>
text
68. <menu>
68. Defines a
68.************************
list/menu of
commands
69.
<menuitem>
69. Defines a
command/menu item
69.************************
that the user can
invoke from a popup

menu
70. <meta>
70. Defines metadata
70. <meta charset="UTF-8">
about an HTML
document
71. <meter>
71. Defines a scalar
71. <meter value="2" min="0" max="10">2

measurement within a out of 10</meter><br>
<meter value="0.6">60%</meter>
known range (a
gauge)
72. <nav>
72. Defines navigation
72. <nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>
73. Defines an
73. <noframes>Sorry, your browser does

not handle frames!</noframes>
links
73. <noframes>
alternate content for

users that do not
support frames
74. <noscript>
74. Defines an
alternate content for
74. <noscript>Your browser does not

support JavaScript!</noscript>
users that do not
support client-side
scripts
Page 12 of 13
75. <object>
75. Defines an
embedded object
76. <ol>
77. <optgroup>
76. Defines an
76. <ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
77. Defines a group of
77. <optgroup label="Swedish Cars">

<option
value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
ordered list
related options in a
drop-down list
78. <option>
78. Defines an option

in a drop-down list
79. <output>
79. Defines the result

of a calculation
80. <p>
75. <object width="400" height="400"

data="helloworld.swf"></object>
80. Defines a
paragraph
78. <select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
79. <form
oninput="x.value=parseInt(a.value)+par
seInt(b.value)">0
<input type="range" id="a"
value="50">100
+<input type="number" id="b"
value="50">
=<output name="x" for="a b"></output>
</form>
80. <p>This is some text in a
paragraph.</p>
Page 13 of 13

G

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

G

Încărcat de

Drepturi de autor:

Formate disponibile

HTML Tags

declaration helps the

3.<a href=" www.w3schools.com">

4. The <abbr title="World Health

Organization">WHO</abbr> was founded in

5. Defines an acronym 5. <acronym title="as soon as

information for the

7. <applet code="Bubbles.class" width="350"

Java applet that draws animated bubbles.

8. <p>Click on the sun or on one of the planets to

<img src="planets.gif" width="145" height="126"

<area shape="rect" coords="0,0,82,126" alt="Sun"

<area shape="circle" coords="90,58,3"

browser developed by Google, released in

10. Defines content

aside from the page

11. Defines sound

11. <audio controls>

<source src="horse.ogg" type="audio/ogg">

Your browser does not support the audio tag.

12. Defines bold text

12. <b>and this is bold text</b>

13. Specifies the base

URL/target for all

14. Specifies a default

14. <basefont color="red" size="5">

color, size, and font

15. Isolates a part of

<li>User <bdi>hrefs</bdi>: 60 points</li>

<li>User <bdi>jdoe</bdi>: 80 points</li>

<li>User <bdi>< /bdi>: 90 points</li>

from other text

16. Overrides the

16. <bdo dir="rtl">

current text direction

This text will go right-to-left.

17. Defines big text

17. <p><big>Bigger text</big></p>

18. Defines a section

that is quoted from

For 50 years, WWF has been protecting the future

19. Defines the

The content of the document......

20. Defines a single

20This text contains<br>a line break.

21. Defines a clickable 21. <button type="button">Click Me!</button>

22. Used to draw

22. <canvas id="myCanvas"></canvas>

graphics, on the fly,

via scripting (usually

23. Defines a table

23. <caption>Monthly savings</caption>

24. Defines centered

24. <center>This text will be center-

25. Defines the title of

25. <p><cite>The Scream</cite> by Edward

Munch. Painted in 1893.</p>

26. Defines a piece of

26. <code>A piece of computer code</code>

27. Specifies column

<col span="2" style="background-color:red">

28. Specifies a group

columns in a table for