الدرس الثانى مبادئ لغة HTML

السلام عليكم ورحمة الله وبركاته
نبدأ مباشرة فى الدرس الثانى شرح مبادئ لغة HTML


ما هى لغة HTML ؟
هي
لغة بسيطة لبناء صفحات الإنترنت ، يعني ذلك أن أغلب الصفحات التي تزورها
على شبكة الإنترنت تعتمد على هذه اللغة وقد يتخللها بعض السطور البرمجية
للغات أخرى سنتكلم عنها لاحقاً ، و HTML هي اختصار لـ
Hyper Text Markup Language
وهي لغة سهلة جداً يمكنك اتقانها خلال اسبوع واحد بالكثير إن شاء الله .

ماهو الفرق بين HTML و XHTML ؟
لقد
مرت HTML بمراحل تطوير خلال السنوات الماضية حتى وصلت للإصدار HTML 4.01
وبعد ذلك توقف تطويرها واستبدلت بلغة جديدة هي XHTML وهي نفس سابقتها ولكن
هنالك اختلافات بسيطة جداً في كتابة الأكواد بين الاثنين ، و سنتطرق لها في
الدروس القادمة إن شاء الله.

ماذا تستفيد من تعلم لغةHTML ؟
عد
تعلم HTML ستكون لديك صورة واضحة حول بناء صفحات الإنترنت وطريقة عرض
مابها من نصوص وصور وغيره ، بالإضافة لذلك ستكون قد انجزت اهم خطوة من
خطوات تعلم تصميم مواقع الإنترنت وستفتح أمامك جميع الأبواب في تصميم مواقع
الإنترنت ؛ فجميع اللغات المستخدمة في بناء مواقع الإنترنت مثل ( جافا
JAVA – PHP – XHTML ) تعتمد أساساً على فهمك للغة HTML وسأضرب لكم مثال
بسيط :
عندما يكون لديك صفحة إنترنت HTML ، وترغب بإضافة بعض اكود لغة
PHP للتخزين معلومات الزائر في قاعدة بيانات ؛ لابد لك أن تكون على دراية
بلغة HTML حتى تستطيع ان تدمج معها php ، هذا مثال بسيط جداً .

عرفنا الان ماهى HTML كيف نقوم بكتابتها ؟
يمكن كتابتها بكل سهولة فى برنامج notepad
start / all program / accessories / notepad
او من الافضل كتابتها ببرنامج خاص بالاكواد وهو notepad++
بحيث يقوم بتلوين الاكواد ويسهل كتابتها بشكل كبير
يمكنك تحميله من هنا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

ما هو امتداد لغة HTML ؟
تحفظ ملفات HTML بامتداد html او htm

ما هو امتداد لغة XHTML ؟
نفس امتدادات HTML اى لا يوجد امتداد يسمى XHTML

الاوسمة Tags ما هى ؟
وهى الااومر التى سوف اضعها
ويبدأ الوسم بين علامتى < >
ولا بد من اغلاقه بهذه الطريقة
ويوجد اوسمه مفرده اى يمكن كتابتها بدون بداية او بدون نهاية
وسيأتى الحديث عنها لاحقاً

مما تتكون صفحة HTML ؟
تتكون صفحة النت من جزئين هما الرأس والجسم
ويكونوا بهذا الشكل

لنبدأ الان بالشرح تفصيلياً
1 - بداية وسم اللغة المستخدمة
2 - بداية وسم الرأٍس
3 - عنوان الصفحة
4 - اغلاق وسم الرأس
5 - بداية وسم الجسم
6 - الكلام الذى نريده ان يظهر فى المتصفح
7 - اغلاق وسم الجسم
8 - اغلاق وسم اللغة
نحفظ الصفحة بامتداد html ونفتحها بالمتصفح

الملخص : ان جزء الرأس يضاف فيه العنوان واكواد الميتا ( سيتم شرحه لاحقاً )
اما الجسم فيضاف فيه كل ما نريد ظهوره فى الصفحة

هل يوجد فرق بين الحروف الكبيرة (الكابيتال) والصغيرة ( الاسمول ) فى لغة HTML ؟
لا يوجد اى فرق فى لغة HTML ولكن لغة XHTML لا تكتب الا بالحروف الصغيرة فقط .
جرب بنفسك تغيير الحروف الصغيرة الى كبيرة ولن تلاحظ اى اختلاف

هل يوجد فراغات فى لغة HTML ؟
الجواب لا
لنكتب الكود السابق بطريقة اخرى للتوضيح

لاحظوا وجود كل كلمة فى سطر
ولكن عند عرضها بالمتصفح

كيف حدث ذلك : ان لغة HTML لاتاخذ بعين الاعتبار الفراغات الزائدة

هل معنى ذلك انى لا استطيع الانتقال الى سطر جديد ؟
بالطبع لا ولكن هناك وسم مخصص لذلك

الى هنا انتهى الدرس الثانى
انا اعلم انه صغير ولكن لجعل امامكم فرصة للتجربة
وكتابة الاكواد اكتر من مرة وعمل اكتر من صفحة
ولقد تعمدت كتابة الاكواد فى صور حتى يكتبها الاعضاء
ومحدش ينقلها كوبى وباست