HTML ONLINE LEARNING
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
HTML ONLINE LEARNING
•The DOCTYPE declaration defines the document type
•The text between <html> and </html> describes the...
WHAT IS HTML?
•HTML is a language for describing web pages.
•HTML stands for Hyper Text Markup Language
•HTML is a markup ...
HTML TAGS
•HTML markup tags are usually called HTML tags.
•HTML tags are keywords (tag names) surrounded by angle brackets...
HTML ELEMENT
•In HTML, most elements are written with a start tag (e.g.
<p>) and an end tag (e.g. </p>), with the content ...
•An HTML element starts with a start tag / opening tag
•An HTML element ends with an end tag / closing tag
•The element co...
Nested HTML Elements
Most HTML elements can be nested (can contain other HTML
elements).
HTML documents consist of nested ...
HTML WEB BROWSDERS
The purpose of a web browser (such as Google Chrome,
Internet Explorer, Firefox, Safari) is to read HTM...
HTML PAGE STRUCTURE
</HTML>
<HTML>
<BODY>
</BODY>
<h1>This a heading</h1>
<p>This is another paragraph.</p>
<p>This is a p...
HTML VERSIONS
VERSIONS YEAR
HTML 1991
HTML+ 1993
HTML2.0 1995
HTML 3.0 1997
HTML4.01 1999
XHTML 2000
HTML5 2012
HTML Attributes
HTML elements can have attributes
Attributes provide additional information about an element
Attributes ar...
HTML ATRIBUTES
Attribute values should always be enclosed in quotes.
Attribute names and attribute values are case-insensi...
LIST OF HTML ATRIBUTES AND ITS DISCRIPTIONS
< !--------……….------->
→ IT Defines a comment.
<!DOCTYPE>
→ IT Defines the do...
<A HREF>……………</A>
→ IT Defines a HYPERLINK.
<ABBR>…………</ABBR>
→ Defines an abbreviation.
The <abbr title="World Health Org...
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
→ IT Defines a comment.
Upcoming SlideShare
Loading in …5
×

sanjivsangamHtml online ppt

322 views

Published on

it will learn about html

Published in: Internet
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
322
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

sanjivsangamHtml online ppt

  1. 1. HTML ONLINE LEARNING <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
  2. 2. HTML ONLINE LEARNING •The DOCTYPE declaration defines the document type •The text between <html> and </html> describes the web page •The text between <body> and </body> is the visible page content •The text between <h1> and </h1> is displayed as a heading •The text between <p> and </p> is displayed as a paragraph
  3. 3. WHAT IS HTML? •HTML is a language for describing web pages. •HTML stands for Hyper Text Markup Language •HTML is a markup language •A markup language is a set of markup tags •The tags describe document content •HTML documents contain HTML tags and plain text •HTML documents are also called web pages
  4. 4. HTML TAGS •HTML markup tags are usually called HTML tags. •HTML tags are keywords (tag names) surrounded by angle brackets like <html> •HTML tags normally come in pairs like <p> and </p> •The first tag in a pair is the start tag, the second tag is the end tag •The end tag is written like the start tag, with a slash before the tag name •Start and end tags are also called opening tags and closing tags <tagname >content</tagname>
  5. 5. HTML ELEMENT •In HTML, most elements are written with a start tag (e.g. <p>) and an end tag (e.g. </p>), with the content in between •An HTML element is everything from the start tag to the end tag: <p>This is a paragraph.</p> STARTING TAG ELEMENT END TAG <P> THIS IS PARAGRAPH </P> <A HREF=“SANGAM”> THIS IS A LINK </A> <BR>
  6. 6. •An HTML element starts with a start tag / opening tag •An HTML element ends with an end tag / closing tag •The element content is everything between the start and the end tag •Some HTML elements have empty content •Empty elements are closed in the start tag •Most HTML elements can have attributes
  7. 7. Nested HTML Elements Most HTML elements can be nested (can contain other HTML elements). HTML documents consist of nested HTML elements. Empty HTML Elements HTML elements with no content are called empty elements. <br> is an empty element without a closing tag (the <br> tag defines a line break). Tip: In XHTML, all elements must be closed. Adding a slash inside the start tag, like <br />, is the proper way of closing empty elements in XHTML (and XML).
  8. 8. HTML WEB BROWSDERS The purpose of a web browser (such as Google Chrome, Internet Explorer, Firefox, Safari) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to determine how the content of the HTML page is to be presented/displayed to the user
  9. 9. HTML PAGE STRUCTURE </HTML> <HTML> <BODY> </BODY> <h1>This a heading</h1> <p>This is another paragraph.</p> <p>This is a paragraph.</p>
  10. 10. HTML VERSIONS VERSIONS YEAR HTML 1991 HTML+ 1993 HTML2.0 1995 HTML 3.0 1997 HTML4.01 1999 XHTML 2000 HTML5 2012
  11. 11. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Attributes are always specified in the start tag Attributes come in name/value pairs like: name="value" HTML links are defined with the <a> tag. The link address is specified in the href attribute <a href="http://www.w3schools.com">This is a link</a>
  12. 12. HTML ATRIBUTES Attribute values should always be enclosed in quotes. Attribute names and attribute values are case-insensitive.
  13. 13. LIST OF HTML ATRIBUTES AND ITS DISCRIPTIONS < !--------……….-------> → IT Defines a comment. <!DOCTYPE> → IT Defines the document type.
  14. 14. <A HREF>……………</A> → IT Defines a HYPERLINK. <ABBR>…………</ABBR> → Defines an abbreviation. The <abbr title="World Health Organiza- tion">WHO</abbr> was founded in 1948.
  15. 15. → IT Defines a comment.
  16. 16. → IT Defines a comment.
  17. 17. → IT Defines a comment.
  18. 18. → IT Defines a comment.
  19. 19. → IT Defines a comment.
  20. 20. → IT Defines a comment.
  21. 21. → IT Defines a comment.
  22. 22. → IT Defines a comment.
  23. 23. → IT Defines a comment.
  24. 24. → IT Defines a comment.
  25. 25. → IT Defines a comment.
  26. 26. → IT Defines a comment.
  27. 27. → IT Defines a comment.
  28. 28. → IT Defines a comment.
  29. 29. → IT Defines a comment.
  30. 30. → IT Defines a comment.
  31. 31. → IT Defines a comment.
  32. 32. → IT Defines a comment.
  33. 33. → IT Defines a comment.
  34. 34. → IT Defines a comment.
  35. 35. → IT Defines a comment.
  36. 36. → IT Defines a comment.
  37. 37. → IT Defines a comment.
  38. 38. → IT Defines a comment.
  39. 39. → IT Defines a comment.
  40. 40. → IT Defines a comment.
  41. 41. → IT Defines a comment.
  42. 42. → IT Defines a comment.
  43. 43. → IT Defines a comment.
  44. 44. → IT Defines a comment.
  45. 45. → IT Defines a comment.
  46. 46. → IT Defines a comment.
  47. 47. → IT Defines a comment.
  48. 48. → IT Defines a comment.
  49. 49. → IT Defines a comment.
  50. 50. → IT Defines a comment.
  51. 51. → IT Defines a comment.
  52. 52. → IT Defines a comment.
  53. 53. → IT Defines a comment.
  54. 54. → IT Defines a comment.
  55. 55. → IT Defines a comment.
  56. 56. → IT Defines a comment.
  57. 57. → IT Defines a comment.
  58. 58. → IT Defines a comment.
  59. 59. → IT Defines a comment.
  60. 60. → IT Defines a comment.
  61. 61. → IT Defines a comment.
  62. 62. → IT Defines a comment.
  63. 63. → IT Defines a comment.
  64. 64. → IT Defines a comment.
  65. 65. → IT Defines a comment.
  66. 66. → IT Defines a comment.
  67. 67. → IT Defines a comment.
  68. 68. → IT Defines a comment.
  69. 69. → IT Defines a comment.
  70. 70. → IT Defines a comment.
  71. 71. → IT Defines a comment.
  72. 72. → IT Defines a comment.
  73. 73. → IT Defines a comment.
  74. 74. → IT Defines a comment.
  75. 75. → IT Defines a comment.
  76. 76. → IT Defines a comment.
  77. 77. → IT Defines a comment.
  78. 78. → IT Defines a comment.
  79. 79. → IT Defines a comment.
  80. 80. → IT Defines a comment.
  81. 81. → IT Defines a comment.

×