Download presentation
Presentation is loading. Please wait.
Published byAdam Benson Modified over 8 years ago
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 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
19
HTML Tags
20
HTML Tag
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
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
45
Untitled computer subjects introduction to computers application of computers internet programming
47
Untitled computer subjects introduction to computers application of computers internet programming
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
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
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
56
Untitled HTML Hyper text markup language JS Java Script language
58
Tables Untitled line 1 row 1 line 1 row 2 line 2 row 1 ine 2 row 2
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
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
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
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
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.