HELPFUL

ATTRIBUTE

w3schools Example

HTML Tags Type Definition Example for Use Difference with HTML 4.01 and HTML5

1. An HTML comment

HTML

Note: //

-->

NONE

2.

HTML

tag Browser

Webpage

Version Write

Title of the document

HTML 4.01

DOCTYPE

(Strict, Transitional,

Frameset) HTML5

3. Hyperlink Tag

Tag

Attribute

href,

Visit W3Schools.com!

Html 4.01

hyperlink anchor

html5

hyperlink

4. Abbreviation tag

content

The WHO was founded in 1948.

5. Acronym tag Same as Can I get this ASAP?

HTML

4.01

6. Address Tag Web designer contact

information Tag.

Body Article

Written by Jon Doe. Visit us at: Example.com Box 564, Disneyland USA

HTML 4.01

website Article

address Tag

support , HTML

5 supported.

7. embedded

applet java supported .

HTML5 supported

Java applet that draws animated bubbles.

HTML4.01

virsion and browser

HTML5 supported

8.

Indicates inside an image-map area

image

image-map

tag

image

clickable link tag

usemap

attribute and tag

HTML5 new

attribute

:

hreflang (New)

media

rel

type

Others : coords,alt, href, nohref, shape, target

9. bold text text bold

This is normal text - and this is bold text.

10. Body Tag ... content

body Tag use

Tag HTML document

contents ,

text, hyperlinks, images,

tables, lists,

Title of the document The content of the document......

No difference.

11. line break

break tag use

This text containsa line break.

end tag

XHTML

end tag

12. Clickable clickable button use

button tag

image/text form

button tag

button create ,

browser value

type="button">Click Me!

attributes add :

autofocusNew

disabled

formNew

formactionNew

formenctypeNew

formmethodNew

formnovalidateNew

formtargetNew

name

type

value 13. Table caption

( ) Caption ,

table specific

Monthly savings Month Savings January $100

HTML5 align

attribute , HTML

4.01 tag

14. draw graphics

var canvas=document.getElementById('myCanvas'); var ctx=canvas.getContext('2d'); ctx.fillStyle='#FF0000'; ctx.fillRect(0,0,80,100);

HTML 5

15.

center

HTML

This text will be center-aligned.

HTML 5 support

CSS code

16. Title Tag for any work or book, song etc

, , , TV show

painting

The Scream by Edward Munch. Painted in 1893.

HTML5 tag

title

HTML 4.01

citation

17. Deleted text tag

HTML Page My favorite color is blue

None

http://www.w3schools.com/tags/att_button_autofocus.asphttp://www.w3schools.com/tags/att_button_disabled.asphttp://www.w3schools.com/tags/att_button_form.asphttp://www.w3schools.com/tags/att_button_formaction.asphttp://www.w3schools.com/tags/att_button_formenctype.asphttp://www.w3schools.com/tags/att_button_formmethod.asphttp://www.w3schools.com/tags/att_button_formnovalidate.asphttp://www.w3schools.com/tags/att_button_formtarget.asphttp://www.w3schools.com/tags/att_button_name.asphttp://www.w3schools.com/tags/att_button_type.asphttp://www.w3schools.com/tags/att_button_value.asp

like this.

HTML 5

tag

red!

18. Directory list Directory list html xhtml css

tag is not supported in HTML5. Use CSS instead.

19. Divisional Tag HTML Document

section

This is a heading This is a paragraph.

HTML5 Tag

aign attribute

20. Description List

HTML document

and

Coffee Black hot drink Milk White cold drink

HTML 4.01

definition list. HTML

5 description list

21. defines terms/names

Same example like Same

22. escribes each term/name

Same example like Same

23.

24.

25. Defines the Font of the HTML Document

html font face, font size,

and font text color

This is some text! This is some text!

HTML5 tag

support

CSS

26. To define footer section of the document

Footer

element element

information author information,

copyright information, terms of use,

contact information,

html

document section

footer tag

RR Foundation

HTML5

27. To create HTML Form

HTML tag

element

,

, , , ,, , ,

First name: E-mail:

type="email" name="email">

accept attribute

28. To create particular frame in HTML page

HTML

frameset

, ,

HTML5 support

, supported in

HTML 4.01

29. To contain frame in frameset

tag

tag

HTML5 support

, supported in

HTML 4.01

30. HTML Head HTML

tag tag

element , ,

, , ,

tag

Title of the document The content of the document......

None

31. -

HTML headings tag

heading

This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6

HTML 5 "align"

attribute ,

css

32. Horizontal Rules Tag

HTML page content

page

thematic break

HTML HTML is a language for describing web pages..... CSS CSS defines how to display HTML elements.....

In HTML5 tag

thematic break

HTML 4.01

horizontal rule

HTML5

element ,

css

http://www.w3schools.com/tags/tag_label.asphttp://www.w3schools.com/tags/att_form_accept.asphttp://www.w3schools.com/tags/tag_title.asphttp://www.w3schools.com/tags/tag_style.asphttp://www.w3schools.com/tags/tag_base.asphttp://www.w3schools.com/tags/tag_link.asphttp://www.w3schools.com/tags/tag_meta.asphttp://www.w3schools.com/tags/tag_script.asphttp://www.w3schools.com/tags/tag_noscript.asp

33. Hypertext markup language Tag

HTML document

- tag browser HTML

HTML element tag

Title of the document The content of the document......

HTML5 manifest

attribute

34. Italic text tag Paragraph text

content Italic

technical term,

phrase ,

element tag

(emphasized text) (important text) (marked/highlighted text) (the title of a work) (a definition term)

He named his car The lightning, because it was very fast.

HTML5

, Style sheet

35. Inline frame

HTML document page

HTML5 new

attributes

HTML 4.01

remove

36. Image tag HTML page image show

image tag use

tag src and alt

attribute

image

align, border, hspace, longdesc, and vspace

attribute HTML5

supported

37.

38. Inserted text tag

Tag delete text

text inserted

word/text

My favorite color is blue red!

None

http://www.w3schools.com/tags/tag_em.asphttp://www.w3schools.com/tags/tag_em.asphttp://www.w3schools.com/tags/tag_strong.asphttp://www.w3schools.com/tags/tag_mark.asphttp://www.w3schools.com/tags/tag_cite.asphttp://www.w3schools.com/tags/tag_dfn.asp

39. Defines keyboard input

40. Radio buttons with labels

Male or Female

,

Male Female

HTML 5

form element

41. List item tag

ordered

lists() unordered lists ()

menu lists ()

Coffee Tea Milk Coffee Tea Milk

"type"

attribute HTML5

support

"value" support

42. Link / relation building tag

HTML CSS or

External Resource link

HTML 5 "sizes"

attribute

old attribute

support 43. image-map image

image-map

tag

image

clickable link tag

usemap

attribute and tag

Same as 8 no tag tag. See tag. NO 8.

44. Metadata tag HTML page related

information

Meta elements page

description, keywords, author of the document, last modified, and other

metadata information

HTML5 has a new attribute, charset, which makes it easier to define charset:

HTML 4.01:

browser

browser content

page

reload search engines keywords

t-type" content="text/html; charset=UTF-8">

HTML5:

45. Ordered list Ordered list

Coffee Tea Milk

"start" and "type" attributes were deprecated in HTML 4.01, and "reversed" attribute is new in HTML5.

46. Paragraph tag

Paragraph

Browser

paragraph

margin CSS

modify

This is some text in a paragraph.

align attribute is no longer supported in HTML5. Use CSS to set that.

47. preformatted text tag

Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks

48. Small Text Tag

Document

W3Schools.com - the world's largest web development site. Copyright 1999-2050 by Refsnes Data

None

49. Span tag Document /text

element

word color, style, etc

CSS

My mother has blue eyes.

None

50. Strikethrough Text Rag

HTML Page

like this.

Version 2.0 is not yet available! now available!

HTML 4.01

HTML 5

tag

51. Strong Text tag

Strong or important text

Strong text

javascript:NewWindow('deprecated.htm')

style

Tag Description

Renders as emphasized text

Defines important text

Defines a definition term

Defines a piece of computer code

Defines sample output from a computer program

Defines keyboard input

Defines a variable

52. Style tag HTML document stylish

style sheet

HTML

style tag

CSS file

h1 {color:red;} p {color:blue;} A heading A paragraph.

"scoped"

attribute HTML5

53. Table Tag HTML Document Table add

Table

tag

= table row, = table header,

element tag

complex HTML table

tag ,

, , , ,

and

Month Savings January $100

HTML5

"border" attribute

support

54. Underline Word underline

This is a parragraph.

55. Unordered list Tag

Unordered Menu list

tag

List item tag

Coffee Tea Milk

"compact" and "type"

attributes HTML5

support

http://www.w3schools.com/tags/tag_link.asp