Presentation is loading. Please wait.

Presentation is loading. Please wait.

This is a test Webpage Wow, I’m writing my first webpage.

Similar presentations


Presentation on theme: "This is a test Webpage Wow, I’m writing my first webpage."— Presentation transcript:

1

2 This is a test Webpage Wow, I’m writing my first webpage

3 This is a test Webpage Wow, I’m writing my first webpage ‎ أو بالشكل التالي : This is a test Webpage Wow, I’m writing my first webpage

4 The end of the line we use This is a test Webpage Wow, I’m writing my ‎ first webpage

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

6

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

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

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

10 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.

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

12 Most HTML elements

13 HTML Comments Example

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

15 Language attribute Keyboard Attributes Core Attributes

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

17

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

19

20 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.

21

22 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

23 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.

24

25 HTML Tag Reference

26 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.

27 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.

28 HTML Text Formatting

29 HTML Text Formatting Tags

30 HTML "Computer Output" Tags

31 HTML Citations, Quotations, and Definition Tags

32 HTML Tag

33

34 HTML Tags

35 HTML Tag

36

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

38 Horizontal line thanks for visiting us thanks for visiting us thanks for visiting us

39 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.

40 Styling HTML with CSS

41 CSS is used to style HTML elements

42 HTML Style Example - Font, Color and Size

43 HTML Style Example - Text Alignment

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

45 HTML Links - The target Attribute

46 HTML Links

47 HTML Images

48 How to align an image within the text.

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

50 How to use an image as a link.

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

52 HTML Image Tags

53

54


Download ppt "This is a test Webpage Wow, I’m writing my first webpage."

Similar presentations


Ads by Google