الدرس الأول: مقدمة عن html ومعلومات عامة.

·       ماهى الـ اتش تى ام ال.

هى اللغة المستخدمة فى إنشاء صفحات الويب وهى لغة ترميز اكثر من كونها لغة برمجة. و ال html  هى أختصار لجملة "Hyper Text Markup Language " وتعنى لغة ترميز النصوص المتشعبة. وتتكون لغة html  من مجموعة وسوم أو tags  والذى يمثل كل وسم منها وظيفة معينة مثال لطريقة عمل الوسم:

<TAG> …….TEXT……. </TAG>

<TAG>: يمثل وسم البداية.

TEXT: النص أو المحتوى الواقع عليه تأثير الوسم.

</TAG>: يمثل وسم النهاية ويتميز بوجود / قبل الوسم.

مثلاً:

<B> TEXT </B>

فى هذا المثال أستخدمنا وسمB  والذى يضيف خاصية تعريض الخط وجعله Bold ويكون الناتج للنص: TEXT

ملحوظة: ليست كل الوسوم تحتاج لوسم النهاية او الاغلاق فبعضها لا يحتاج ذلك ويسمى ذاتى الأغلاق أو SELFY CLOSE مثل: <BR/> - <HR/>

·       خصائص الوسوم Tags Attributes .

لكل وسم tag مجموعة من الخصائص attributes وكل خاصية لها اسم name وقيمة value وتكتب بهذا الشكل:

<TAG Name = "value" Name2 = "value2" Name3 = "value3">…. TEXT …. </TAG>

نلاحظ ان كل وسم يمكن ان يحصل على اكثر من خاصية.

·       تداخل الوسوم.

يمكن لوسوم HTML ان تتداخل فيما بينها فكل وسم TAG يمكن ان يحتوى على وسم TAG اخر بداخله او مجموعة وسوم TAGS ولكن يحكم ذلك شرط بعدم اختلاط الوسوم حيث ان اخر وسم يتم كتابته يكون هو اول وسم يتم اغلاقه. يمكن توضيح ذلك بالمثال التالى:

R   الطريقة الصحيحة:

<DIV> <H1> TITLE </H1> <P> SOME TEXT HERE </P> </DIV>

S   الطريقة الخاطئة:

<DIV> <H1> TITLE <P> SOME TEXT HERE </H1> </P> </DIV>