Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


Presentation on theme: "HTML Paragraphs Paragraphs are defined with the tag. Example This is a paragraph This is another paragraph."— Presentation transcript:

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

2

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 Tag Reference

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

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

13 HTML Text Formatting

14 HTML Text Formatting Tags

15 HTML "Computer Output" Tags

16 HTML Citations, Quotations, and Definition Tags

17 HTML Tag

18

19 HTML Tags

20 HTML Tag

21

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

23 Horizontal line thanks for visiting us thanks for visiting us thanks for visiting us thanks for visiting us

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

25 Styling HTML with CSS

26 CSS is used to style HTML elements

27 HTML Style Example - Font, Color and Size

28 HTML Style Example - Text Alignment

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

30 HTML Links - The target Attribute

31 HTML Links

32 HTML Images

33 How to align an image within the text.

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

35 How to use an image as a link.

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

37 HTML Image Tags

38 this is marquee <img height="100" width ="100" src="C:\Documents and Settings\dr.Yas\My Documents\My Pictures\logo.jpg" alt=" المجمعة " this is the first paragraph this is a picture with paragraph

39 links Untitled yahoo google pic get text file send me

40 Untitled < <a href="mailto:aly@yahoo.com?subject=good morning&body=please help" title="help message"> send me

41

42 Side menues Untitled centered heading is used for digital listing is used for points listing is used for notations and margins Coffee Black hot drink Milk White cold drink

43 Untitled computer subjects introduction to computers application of computers internet programming

44

45 Untitled computer subjects introduction to computers application of computers internet programming

46

47 Untitled computer subjects introduction to computers application of computers internet programming

48

49 Untitled computer subjects introduction to computers application of computers internet programming

50 computer subjects <dl style="background-color: #66ccff;" style="color: #666666;" onmouseover="javascript:alert('it is different color');"> introduction to computers application of computers internet programming

51

52 Untitled computer subjects introduction to computers application of computers internet programming introduction to computers it is discription application of computers internet programming introduction to computers application of computers internet programming

53

54 computer subjects introduction to computers application of computers internet programming computer subjects introduction to computers application of computers internet programming computer subjects introduction to computers application of computers internet programming

55

56 Untitled HTML Hyper text markup language JS Java Script language

57

58 Tables Untitled line 1 row 1 line 1 row 2 line 2 row 1 ine 2 row 2

59

60 Untitled <table border="8" bgcolor="#00ffff" cellpadding="8" style="color: #6699ff;" style="background-color: #ffff33;"> the table name line 1 row 1 line 1 row 2 line 2 row 1 ine 2 row 2

61

62 <! Colspan تستخدم لدمج عدة اعمدة "column span"¡ " border تستخدم لوضع فاصل بين الخلايا <! Cellpadding من اجل ضبط الفراغات فى الجدول <! Cellspacing من اجل تحديد المسافة بين الحد و محتوى الخلية <bgcolor لإعطاء لون للصف او الخلية Link to heading 1 <img src=" C:\Documents and Settings\Dr. Yaser\ My Documents\My Pictures\aqsa.jpg "> <img src=" C:\Documents and Settings\Dr. Yaser\ My Documents\My Pictures\aqsa.jpg "> <img src=" C:\Documents and Settings\Dr. Yaser\ My Documents\My Pictures\aqsa.jpg "> <img src=" C:\Documents and Settings\Dr. Yaser\ My Documents\My Pictures\aqsa.jpg ">

63 Header 1 Header 2 row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2

64

65 With a normal border: First Row Second Row With a thick border: First Row Second Row With a very thick border: First Row Second Row

66

67 Iframe In line frame

68 iframe An iframe is used to display a web page within a web page.

69 Iframe attributes

70 Some older browsers don't support iframes. If they don't, the iframe will not be visible.

71 Some older browsers don't support iframes. If they don't, the iframe will not be visible. <iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/0Wm- xhJYh3I"frameborder="0" allowFullScreen> <iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/0Wm- xhJYh3I"frameborder="0" allowFullScreen>

72 To embed windows media To embed flash

73 To embed audio as background in your web page 1- upload your audio, 2- get upload link


Download ppt "HTML Paragraphs Paragraphs are defined with the tag. Example This is a paragraph This is another paragraph."

Similar presentations


Ads by Google