1 / 44

How to study HTML

Methods of Html

chinacodegear
Télécharger la présentation

How to study HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. How To Study HTML How To Study HTML

  2. Content Content HTML Introduction HTML Editors HTML Elements HTML Attributes HTML Events HTML Tags HTML APIs

  3. HTML Introduction HTML Introduction • Features • Version • Structure • Encoding

  4. HTML Introduction HTML Introduction Features Features HTML is a markup language for describing web pages. HTML stands for Hyper Text Markup Language A markup language is a set of markup tags HTML documents are described by HTML tags Each HTML tag describes different document content

  5. HTML Introduction HTML Introduction Version Version

  6. HTML Introduction HTML Introduction Version Version

  7. HTML Introduction HTML Introduction Structure Structure

  8. HTML Introduction HTML Introduction Structure Structure

  9. HTML HTML Encoding ( Encoding (Character Character Sets) Sets) To display an HTML page correctly, a web browser must know the character set to use. The default character encoding was changed to UTF-8 in HTML5.

  10. HTML HTML Encoding (Character Sets) Encoding (Character Sets)

  11. HTML Editors HTML Editors • JetBrains WebStorm • Microsoft Visual Studio • Adobe Dreamweaver • Embarcadero Delphi • Notepad++ • Notepad • …… .html .html as File Extension

  12. Web Browser Web Browser

  13. HTML Elements HTML Elements Structure Structure • HTML elements are written with a start tag, with an end tag, with the content in between:

  14. HTML Elements HTML Elements Nested Nested • HTML elements can be nested (elements can contain elements). • All HTML documents consist of nested HTML elements.

  15. HTML Elements HTML Elements Type Type • Every HTML element has a default display value depending on what type of element it is. • The default display value for most elements is block or inline. Block-level Elements Inline Elements Empty Elements

  16. HTML Attributes HTML Attributes • Attributes provide additional information about HTML elements. 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"

  17. HTML Attributes HTML Attributes HTML Global Attributes HTML Common Attributes HTML Special Attributes

  18. HTML Global HTML Global Attributes Attributes

  19. HTML Global Attributes HTML Global Attributes

  20. HTML Common HTML Common Attributes Attributes

  21. HTML Attributes Samples HTML Attributes Samples

  22. HTML HTML Events Events Window Events Form Events Keyboard Events Mouse Events Clipboard Events Media Events Misc. Events

  23. Window Event Events triggered for the window object (applies to the <body> tag):

  24. Form Events • Events triggered by actions inside a HTML form :

  25. Keyboard Events

  26. Mouse Events

  27. Clipboard Events

  28. Media Events • Events triggered by medias like videos, images and audio (applies to all HTML elements, but is most common in media elements, like <audio>, <embed>, <img>, <object>, and <video>).

  29. Misc Events

  30. HTML HTML Tags Tags 111 111 Links Basic HTML Lists Formatting Tables Forms and Input Styles and Semantics Frames Meta Info Images Programming Audio / Video

  31. Basic HTML 14 14

  32. Formatting 32 32

  33. Forms and Input 13 13

  34. Frames

  35. Images 6 6

  36. Audio / Video 4 4

  37. Links 3 3

  38. Lists 8 8

  39. Tables 10 10

  40. Styles and Semantics 12 12

  41. Meta Info 3 3

  42. Programming 5 5

  43. HTML APIs HTML5 Geolocation HTML5 Local Storage HTML5 Drag and Drop HTML5 Application Cache HTML5 Web Workers HTML5 Server-Sent Events

More Related