Presentation is loading. Please wait.

Presentation is loading. Please wait.

From http://www.w3schools.com HTML From http://www.w3schools.com.

Similar presentations


Presentation on theme: "From http://www.w3schools.com HTML From http://www.w3schools.com."— Presentation transcript:

1 From http://www.w3schools.com
HTML From

2 ما هي لغة HTML لغة لوصف صفحات الويب .
HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language HTML uses markup tags to describe web pages

3 Html tag Don't Forget the End Tag
HTML markup tags are usually called HTML tags HTML tags are keywords surrounded by angle brackets like <html> HTML tags normally come in pairs like <b> and </b> The first tag in a pair is the start tag, the second tag is the end tag Start and end tags are also called opening tags and closing tags Nested tag Don't Forget the End Tag

4 استخدام notepad نكتب جمل HTML على Notepad
نقوم بتخزينها كالأتي ::::NAME.HTML

5 عناوين HTML <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>

6 روابط HTML <a href=" is a link to google</a>

7 صور HTML <img src=”عنوان+اسم الصورة" width="104" height="142" />

8 التعليق و الخط و الفاصل في HTML
<!-- This is a comment --> <hr /> <br> or <br />

9 Exercise ما هو عمل كل من:
Tag work <b> <big> <em> <i> <small> <strong> <center> <u>

10 حجم و لون و نوع الخط <p style="font-family:verdana;font-size:110%;color:green"> النص الكتابي </p>

11 لون خلفية الشاشة <body style="background-color:yellow;">
<h2 style="background-color:red;">This is a heading</h2> <p style="background-color:green;">This is a paragraph.</p>

12 الصورة كرابط <a href="default.asp">
<img src=”اسم+عنوان الصورة" alt="HTML tutorial" width="32" height="32" /> </a>

13 رابط داخل الصفحة <a name="tips">Useful Tips Section</a>
<a href="#tips">Visit the Useful Tips Section</a>

14 الجداول بلغة HTML <table border="1">
<tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>

15 القوائم بلغة HTML <ul> <li>Coffee</li> <li>Milk</li> </ul> <ol> <li>Coffee</li> <li>Milk</li> </ol> <dl> <dt>Coffee</dt> <dd>- black hot drink</dd> <dt>Milk</dt> <dd>- white cold drink</dd> </dl>


Download ppt "From http://www.w3schools.com HTML From http://www.w3schools.com."

Similar presentations


Ads by Google