Download - From :
![Page 1: From :](https://reader033.vdocuments.mx/reader033/viewer/2022061304/5513e2e855034646298b5987/html5/thumbnails/1.jpg)
From http://www.w3schools.com
![Page 2: From :](https://reader033.vdocuments.mx/reader033/viewer/2022061304/5513e2e855034646298b5987/html5/thumbnails/2.jpg)
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
![Page 3: From :](https://reader033.vdocuments.mx/reader033/viewer/2022061304/5513e2e855034646298b5987/html5/thumbnails/3.jpg)
Html tag HTML markup tags are usually called HTML tagsHTML 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 tagStart and end tags are also called opening
tags and closing tagsNested tag
Don't Forget the End Tag
![Page 4: From :](https://reader033.vdocuments.mx/reader033/viewer/2022061304/5513e2e855034646298b5987/html5/thumbnails/4.jpg)
notepadاستخدام Notepad على HTMLنكتب جمل 1.NAME.HTMLنقوم بتخزينها كاألتي ::::2.
![Page 5: From :](https://reader033.vdocuments.mx/reader033/viewer/2022061304/5513e2e855034646298b5987/html5/thumbnails/5.jpg)
HTMLعناوين <h1>This is a heading</h1>
<h2>This is a heading</h2><h3>This is a heading</h3>
![Page 6: From :](https://reader033.vdocuments.mx/reader033/viewer/2022061304/5513e2e855034646298b5987/html5/thumbnails/6.jpg)
HTMLروابط <a href="http://www.google.com">This is a
link to google</a>
![Page 7: From :](https://reader033.vdocuments.mx/reader033/viewer/2022061304/5513e2e855034646298b5987/html5/thumbnails/7.jpg)
HTMLصور <img src=”عنوان+اسم الصورة" width="104"
height="142" />
![Page 8: From :](https://reader033.vdocuments.mx/reader033/viewer/2022061304/5513e2e855034646298b5987/html5/thumbnails/8.jpg)
و الخط و الفاصل في التعليقHTML<!-- This is a comment --><hr /><br> or <br />
![Page 9: From :](https://reader033.vdocuments.mx/reader033/viewer/2022061304/5513e2e855034646298b5987/html5/thumbnails/9.jpg)
Exercise :ما هو عمل كل من
Tag work<b><big><em><i><small><strong><center><u>
![Page 10: From :](https://reader033.vdocuments.mx/reader033/viewer/2022061304/5513e2e855034646298b5987/html5/thumbnails/10.jpg)
حجم و لون و نوع الخط<p style="font-family:verdana;font-
size:110%;color:green"> النص الكتابي </p>
![Page 11: From :](https://reader033.vdocuments.mx/reader033/viewer/2022061304/5513e2e855034646298b5987/html5/thumbnails/11.jpg)
لون خلفية الشاشة <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>
![Page 12: From :](https://reader033.vdocuments.mx/reader033/viewer/2022061304/5513e2e855034646298b5987/html5/thumbnails/12.jpg)
الصورة كرابط<a href="default.asp"><img src=”اسم+عنوان الصورة" alt="HTML
tutorial" width="32" height="32" /></a>
![Page 13: From :](https://reader033.vdocuments.mx/reader033/viewer/2022061304/5513e2e855034646298b5987/html5/thumbnails/13.jpg)
رابط داخل الصفحة<a name="tips">Useful Tips Section</a><a href="#tips">Visit the Useful Tips
Section</a>
![Page 14: From :](https://reader033.vdocuments.mx/reader033/viewer/2022061304/5513e2e855034646298b5987/html5/thumbnails/14.jpg)
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>
![Page 15: From :](https://reader033.vdocuments.mx/reader033/viewer/2022061304/5513e2e855034646298b5987/html5/thumbnails/15.jpg)
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>