بسـم الله الرحمـان الرحيـم .. و الصلاة و السلام على أشــرف المــرسليـن ..
السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..

ربـي اشرح لي صــدري و يســر لي أمــري و احــلل عقــدة من لســاني يفقــهوا قــولي ..
... أما بعد ...
فإن أصــدق الحــديث كــتاب الله تعــالى و خير الــهدي هــديُ سيـدنا محمد صلى الله عليه و سلم ..
و شــر الأمــور مــحدثــاتها و كــل محــدثة بدعة و كل بدعـة ظـلالة و كل ظـلالة فــي النار ..
فاللــهم أجــرنا و قــنا عذابــها برحمتــك يا أرحــم الراحميــن ..
بعد الإعلان الدي قدمه الأخ GhOsT-NiGhT ( [ إْعْلاَنْ ] دَوْرَةْ تَعْلِيِمَيَةَ لْلًغَةَHTML قَرْيبًا !! Coming Soon بموافقة منير بادي )
وبعد القرار الدي إتخدته أنا وهو ، ها نحن في أول درس وهو الدخول في عالم الـ HTML
بإدن الله راح نتناول الـ HTML
الـ HTML بإختصار شديد هي Hyper_Text_Markup_Language وهي إختصار إسم الـ HTML
الـ HTML لغة سهلة وهي لغة تنظيم الموقع من إسمها الـ Hyper_Text_Markup_Language
ولكن في البعض يعتقد أنها لغة برمجة وهذا طبعًا إعتقاد خاطئ ، لأن الـ HTML هي لغة هيكلة موقع ومضهره ( ألوان ، تنسيقات ، جداول ، قائم يمين ،
قائم يسار ، وما خلاف ذلك ... ) فهذه هيكلة وليست برمجة
البرمجة دائمًا هيئتها تكون إرسال وإستقبال المعلومات ، بينما الـ HTML والـ CSS هذول يعتبرون لغات تصميم ومضهر او هيكلة عامةً
بدايتًا إنشاء وثيقة الـ HTML لابذ يكون عندك وسوم دائما الوسوم تكون هكذا <>
سأترككم مع صورة توضح لكم وسم الفتح والغلق للـ HTML
وما بالداخل هو محتوى الموقع ، خلونا نحفظ الملف عن طريق Ctrl + S
ونسميها بإسم Index.html
يمكنك أن تحفظها أينما تريد ، انا حفظتها في سطح المكتب لأنها وثيقة وأي متصفح يفتحها .. لن نحتاج سيرفر محلي أو ما خلافه
طيب عرفنَا وسم الفتح ووسم الإغلاق ، دائمًا كل وسم فتح الـ HTML له وسم إغلاق بنفس إسم الـ TAG الأول بس تزيد عليه /
ماعدا العناصر او الوسوم الي تستخدم self close على سبيل المثال
طيب راح نأخد دروس الـ self close في دروس مفصلة بإدن الله
تمام ، دائمًا بنية الـ HTML تبدأ في Head بهذا الشكل
وثم Body بهذا الشكل
بطبيعة الحال الكل يقول ما معنى Head وما معنى Body
Head : تستخدم عدة إستخدامات منها جلب ملفات الـ CSS ، جلب ملفات الـ --SS--e ، ترميز الموقع ، وصف الموقع ، الكلمات الدليلية ،
إسم الموقع ، إدا تستخدم لهذه الإستخدامات
بينما الـ Body : هنا تبدأ هيكلتك ، هنا تبدأ تصميمك ، هنا تبدأ توزيعك للمضهر
بينما الـ Head مثل ما إتفقنا لها أشياء أخرى .. خلونَا من هذه الأشياء اليوم نأخد title وهو عنوان الموقع لنرى توضع بهذا الشكل
لنجرب نضع عنوان ما ، مثال سأضع Startimes .. ثم نعمل Ctrl + S
ونفتح الملف Index الذي عملناه
لنرى النتيجة ، نلاحظ فوق مكتوب Startimes
إذا هده هي فائدة الـ Title بالـ Head ، هذا الـ Head ماله دخل بالمضهر .. بينما ان كنت تريد التعامل بالمضهر تتعامل مع الـ Body
على أساس تتعامل في منطقة الـ Body نجرب نقول مثلاً هكذا
ونعمل Ctrl + S ، ونفتح الملف Index الذي عملناه
النتيجة !
إذا هكذا بدأت إنشاء مضهري بالشكل العآم ، إذا هده هي فائدة الـ HTML وطريقة تنسيقها وطريقة وضع الوثيقة دائما يكون بهذا الشكل
خلي بالك أن الـ Entrée ماينحسب ، يعني لو نجرب نعمل Entrée بهذا الشكل
ونعمل Ctrl + S ، ونفتح الملف Index الذي عملناه
نلاحظ أن Hakim ملتصقة ، رغم أني عملت Entrée في الوثيقة لا تحسب الـ Entrée بس تنحسب الفراغات
طيب ، واحد يأتيني يقول لي مشكلة كيف لا تنحسب الـ Entrée وأنا بدي أعمل فقرة فيها الـ Entrée وما خلافه .. تمام تستطيع إستخدام Br اترككم
مع الصورة
يمكن أن تترك Hakim فوق او تنزلها تحت لا مشاكل لأن الـ Br هي التي تتحكم
نعمل Ctrl + S ، ونفتح الملف Index الذي عملناه
نلاحظ ان Hakim نزلت رغم انها في نفس الجملة
بس خلي بالك ان الـ Entrée ماينحسب إلا عن طريق كتابة الـ Br كلما تزيد كلمة Br كلما زادت الكلمة نزلت سطر
إذا هذه هي وثيقة الـ HTML وطريقة التعامل معها ، إلى هنا نلتقي في الدرس القآدم بإدن الله