1. HTML Paragraphs Paragraphs are defined with the tag. Example This is a paragraph This is another paragraph

3. HTML Headings HTML headings are defined with the to tags. Example This is a heading This is a heading This is a heading

4. HTML Links HTML links are defined with the tag. Example This is a link

5. HTML Images HTML images are defined with the tag. Example

6. HTML Elements HTML documents are defined by HTML elements. An HTML element is everything from the start tag to the end tag: Start tag * Element content End tag * This is a paragraph This is a link * The start tag is often called the opening tag. The end tag is often called the closing tag.

7. 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" Example This is a link

8. Most HTML elements

9. HTML Comments Example

10. HTML Attributes Core Attributes(Valid in all elements, except:,,,,,,, and. Language AttributesValid in all elements, except:,,,,,,, and. Keyboard Attributes

11. Language attribute Keyboard Attributes Core Attributes

12. Class example h1.intro {color:blue;} p.important {color:red;} Header 1 A paragraph. Note that this is an important paragraph.

14. ID Example function displayResult() { document.getElementById("myHeader").innerHTML="Have a nice day!"; } Hello World! Change text

16. HTML accesskey Attribute Definition and UsageThe accesskey attribute specifies a shortcut key to activate/focus an element. HTML5 tutorial CSS3 tutorial Note: Use Alt + accessKey (or Shift + Alt + accessKey ) to access the element with the specified access key.

18. URI,URL and URN The relationship of URL to URI and URNURIURN Abbreviation of Uniform Resource Locator (URL) it is the global address of documents and other resources on the World Wide Web.addressdocumentsresourcesWorld Wide Web scheme://domain:port/path?query_string#fragment_id http://www.school.edu.sa:80/primary/teachers/index.html Schema or protocol : http or ftp or https, … domain : www Port : 80 sub domain: primary/teacher URN : Index.html A URL is one type of Uniform Resource Identifier (URI); the generic term for all types of names and addresses that refer to objects on the World Wide Web.URIWorld Wide Web

19. HTML tabindex Attribute example Definition and Usage The tabindex attribute specifies the tab order of an element (when the "tab" button is used for navigating). W3Schools Google Microsoft Note: Try navigating the links by using the "Tab" button on you keyboard.

21. HTML Tag Reference

22. The element is an empty HTML element. It has no end tag. or In XHTML, XML, elements with no end tag (closing tag) are not allowed. Even if works in all browsers, writing instead works better in XHTML and XML applications.

23. You cannot be sure how HTML will be displayed. Large or small screens, and resized windows will create different results. With HTML, you cannot change the output by adding extra spaces or extra lines in your HTML code. The browser will remove extra spaces and extra lines when the page is displayed. Any number of lines count as one line, and any number of spaces count as one space.

24. HTML Text Formatting

25. HTML Text Formatting Tags

26. HTML "Computer Output" Tags

27. HTML Citations, Quotations, and Definition Tags

28. HTML Tag

30. HTML Tags

31. HTML Tag

33. Horizontal line <hr size="18" width="60%" align="center" color="green"

34. Horizontal line thanks for visiting us thanks for visiting us thanks for visiting us

35. The HTML Tag Should NOT be Used The tag is deprecated in HTML 4, and removed from HTML5. The World Wide Web Consortium (W3C) has removed the tag from its recommendations. In HTML 4, style sheets (CSS) should be used to define the layout and display properties for many HTML elements.

36. Styling HTML with CSS

37. CSS is used to style HTML elements

38. HTML Style Example - Font, Color and Size

39. HTML Style Example - Text Alignment

40. Deprecated ” مستنكر “Tags and Attributes

41. HTML Links - The target Attribute

42. HTML Links

43. HTML Images

44. How to align an image within the text.

45. How to let an image float to the left or right of a paragraph.

46. How to use an image as a link.

47. How to create an image map, with clickable regions. Each of the regions is a hyperlink

48. HTML Image Tags