الدرس السادس بيتكلم عن Html TextFormating
او تنسيق النصوص فى الاتش تى ام ال بمعنى انك ازاى تخلى الخط تخين او رفيع عادى او مائل تختية خط ولا عادى ، تحط تختية خط لالا وهكذا بقى طيب تعالى كدة نشوف التاجات اللى بتكتب وشرحها اية؟
اولا تاج علشان الخط يبقى تخين
فى تاجج تانى بيؤدى نفس الوظيفة برضو وهو
ثانيا الخط يبقى مائل
فى تاج تانى بيؤدى نفس الوظيفة وهو
ثالثا الكملة تنزل تحت عن الجملة وتاجها
رابعا لو الكلمة فوق الجملة
خامسا وضع خط تحت جملة او كلمة
سادسا انى اخلى الخط كبير ودة تاجة
حلو قوى تعالى نشوف بقى كدة التطبيق
This text is bold
This text is strong
This text is big
This text is small
This text is italic
This text is emphasized
Hello My Dear
طبعا انا هنا عملتهم بكود البرجراف كمان علشان اخلى كل جملة فى سطر لوحدها بدل من انى اعمل بريك او كنت اعمل بريك وخلاص
طيب تعالى نشوف كدة التطبيق

 

طيب تعالى نشوف بقى النتيجة طلعت اية

 

وفعلا كل كود طبق على العنصر بتاعة الخط تخن والكلام مائل و هكذا بقى من الاكواد
طيب تعالى نكمل ونتعرف على بعض الاكواد المهمة الباقية زى مثلا فرضنا انك والجروب بتاعم شغالين على موقع صحافة وبتعدلو على شغل بعض وانتا بعد ما تكتب المقال بتودية لمديريك علشان يحررة ويشوفة وبعد كدة بيعتلك التعديل وتعيد صياغتى تانى لكن هل لازم انة يعدلك التعديل دة على ورقة بقى او انة يشيل الكلام ويقولك انا عدلتلك وراجع انتا المقال القديم وشوف الفرق المحذوف لا طبعا ولان لغة الاتش تى ام ال محترفة فى اكود معينة للتعديل وهى كود الديل وكود الانسير
,
بين كود الديل ححط الجزء اللى انا عاوز اشيلة او احذفة وخد بالك هو مش حيتحذف لا دة حيتعلم علية بخط فى النصف كدة بحيث انك تعرف انة محذوف زى ما حنشوف دلوقتى ، طيب وكود الانسير دة اللى ححط بينة المقال الجديد اللى انا عاوز احطة مكان المحذوف طيب تعالى كدة نطبق ونشوف

 

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

 

ودى كانت النتيجة انة شطب على الارزق اهوة علشان يعرفك انة مش صح وحطلك خط تحت الاحمر علشان تعرف انك حتبدل دة مكان دة يقوم المحرر عارف ويبدل ويصل مقالة وطبعا دة مثال بس للتوضيح
لكن انتا ممكن انتا وفؤق عملك تستخدموة استخدام تانى خالص لكن دى وظيفتة ويمكن مش كتير واصلا نادر لما حد بيستخدمة لكن وجب توضيح كل الاكور للاحتراف فقط
هناك بعض التاجات الاخرى اللى ممكن نعرفها لكن ملهاش استخدام واضح قوى فى الاتش تى ام ال لكن لها استخدم قوى قوى فى الcss

الاكواد ال6 دول مهمتهم مجرد التعديل على الخطوط بس مش اكتر وهما حينفعونا فى السى اس اس علشان اكيد كل واحد حيختار خط معيم لية فى موقعة او المفضل لدية علشان كدة وجب التنبية بس لهم
طيب كود اخر برضو وهو كود البرى او
وهو عامل زى الكود البراجراف بالظبط لكن بيختلف معاة فى طريقة الاستخدام يعنى هو بيعمل زى البراجراف فى المسافات بيعمل مسافات فوق وتحت و وبينظم الكود اللى جواة لكن استخدامة بيكون علشان تكتب كود معين لو تبرز كتابة معينة بطريقة ملفتة للنظر لانة غالبا بيستخدم نوع خط معين اسمة Courier
وعلشان كدة بنستخدمة لما نكون عاوزين نكتب حاجة معينى ملحوظة مهمة فى الصفحة لناس اللى حيشتغلواا بعدينا او حاجة او نكون عاوزين زى ما كلنا بنعمل فى اى موقع تعليمى بنكتب كود برمجى لبرنامج او غيرة بيكون بالتاج دة وعلشان كدة لازم نعرفة تعالى نشوف مثال
for i = 1 to 10
print i
next i

 

دة كود برمجى لعملية بسيطة جدا تعالى نشوف الكتاية حتكون ازاى؟

 

طيب برضو نتكلم عن تاج تانى مهم جدا لينا برضو وهو تاج
اية التاج دة ؟
دة ياسيدى عبارة عن تاج الاختصارات بمعنى انك عاوز تكتب جملة معينة او اسم معين بس الاسم كبير شوية فتكتب الاختصار بتاع الاسم ولما الراجل الطيب يجى بمؤشر الماوس على الاختصار حيظهرلة الاسمالكبير او الجملة اللى انتا اختصرتها وطبعا دة مثال لكن كل واحد ممكن يستخدمة استخدام تانى براحتك انا بشرح الفكرة بس
انا مثلا عاوز اقول ان منظمة الصحة العالمية انشئت فى 1948
منظمة الصحة العالمية دى ليها اسم صح World Health Organization و طبعا لها اختصار WHO انا بقى حكتب الاختصار ولما الراجل يجى على الاختصار علشان طبعا حيبقى شئ غريب بالنسبة لة حيلاقى التعريف طلعلة فى صندوق ضغير كدة انى انا قصدى بالاختصار دة منظمة الصحة العالمية طيب تعالى نشوف كدة

 

انا بكتب بداية الجملة عادى وبعد كدة باجى على الاختصار بتاعى اكتبة جوة تاج الاختصار افتج التاج واكتب الكود واكتب الاول اصل الكلمة او الجملة قبل الاختصار وبعد كدة بقفل تاج الفتح وبكتب الاختصار قبل تاج الاغلاق وبحط تاج الاغلاق عادى جدا وبكمل الجملة عادى برضو تالى نشوف النتيجة كدة

 

ودى كانت النتيجة يا جماعة انى ظهرلى الاختصار او ل ما مؤشر الماوس جة على الاختصار على طول
طيب فى كود تانى للاختصار بيودى نفس النتيجة برضو ؟
اة فية لكن استخدامة العلمة بيقول انك بتستخدمة لما تكون فى كلمة كبيرة مثلا وانتا اللى حتختصرها لكن الاختصار دة مش متعارف او مثبت عالميا يعنى بالعربى كدة زى اختصارات الشباب اليومين دول تعالى نشوف
طيب الاختصار دة اسمة اية بقى؟

طيب تعالى نشوف الكود كدة

 

لو تلاحظ انة نفس الكود اللى فات بالظبط مع اختلاف خاصية الكود بس يعنى اسم الكود نفسة متغير بس لا غير
طيب تعالى نشوف النتيجة كدة ؟

 

نفس النتيجة صح لكن علميا بيقولك دة للاختصارات اللى مش معترف بها عالميا
طيب نتكلم بعد كدة عن تاج تواصل لصحاب الصفحة او الموقع وهو تاج
< address> و التاج بنستخدمة علشان اكتب كيفية تواصل مع صاحب الصفحة او الموقع لهدف ما ، طيب حتقولى لية عملينلها تاج؟
علشان التاج دة بيستخدم نوع خط معين وبيخلى الخط مائل كمان
حتقولى طيب ما انا ممكن استخدم الخواص دى كلها من غير التاج دة حقولك اة ممكن تخلى الخط مائل ورفيع وصغير بس بص كدة انتا استخدمت كام تاج

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

 

تعالى نشوف بقى النتيجة كدة

 

اها خد بالك دة من التاجات برضو اللى بتعمل فواصل قبلها وبعدها زى البراجراف كدة بالظبط ، حتقولى طيب انا عاوز اعرف التاجات ديةكلها حقولك دى بتيجى بالخبرة ومن كتر الشغل وكمان وعلشان احنا بننفرد عن غيرنا حتلاقى جدول فى اخر الدروس عن كل حاجة بالتفصيل
طيب نتكلم حاليا برضو عن تاج اخر وهو تاج ال
وفى خاصية جوة التاج دة بتسمحلى انى اعدل فى اتجاة الكتابة بس مش التعديل العادى لا تعديل مختلف يعنى التعديل العادى بيكون انك تخلى الكلام يبدا من اليمين او الشمال او الوسط بس شكل الكلام منطقى يعنى مش متلخبط ، لكن استخدام التاج دة بيكون مختلف تمام بمعنى انة بيخلي الحورف الكلمة نفسها تتشقلب بحيث يكون اخر حرف هو اول حرف وبكدة مش بيتحكم فى اتجاة الكلام لا بيتحكم فى ترتيب حروف الكلام تعالى نشوف تطبيق كدة ونشوف الخصائص اللى جواة الى تفرق معايا فى شكل الكلام

 

طيب هنا انا اتسخدمت تاج البدو وخواها حلاقى اتربيوت اسمة دير دة علشان احط جواة القيمة بتاعة الكتابة والى هى حاجتين يا اما
RTL,LTR
طيب بص كدة حضرتك الكود الاول انا بقولة خلى الكلام يمشى من اليمين الى الشمال اللى هو rtl طيب دة معناة انى الجملة اللى انا كتبتها حتتكتب من اليمين الى الشمال بالظبط ومش بس الجملة اللى حتتقلب لا والكلام كمان والحروف حيبقى اخر حرف فى الجملة الطبيعية هو اول حرف فى الكلام بتاعك تعالى كدة نشوف

 

اهوة الجملة والكلام اتقلبوا خالص لية بقى عارف اصلا معنى كلمة rtl
معنها right to left يعنى الكلام يبدا من اليمين الى الشمال وبالتالى حال الكلام بيتقلب 180 درجة طيب
الاتربيوت التانى بقى اختصار الى left to right ودة الصح اللى اتى اساسا بتمشى علية وتانى بقول مش معنى التاجين دول انى بتحكم زى الاوفيسن منين ابدا الكلام بدليل ان الاوفيس بيبدالك من اليمين عادى والانجليش بيطلع ينفع يتقراء ومن الوسط عادى وينفع يتقراء ومن الشمال دة اساسى لكن مش بيعكسلك الحروف خالص كدة هنا دة بيعكس الحروف وتحويل اتجاة الكلام كمان الاتنين طيب تعالى نشوف الاتربيوت التانى كدة

 

طيب تعالى نشوف النتيجة على المتصفح بقى
 

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

 

طيب هنا انا كتبت جملة وحطيت واحدة برة تاج الافتباس وواحدة جوة التاج علشان اعرف التاج بيعملى اية اية الى بيميزة بة ؟
تعالى نشوف النتيجة بقى

 

اة لاحظ كدة الجمله اللى برة التاج اتقريت عادى من اول السطر ومفيش اى مشكلة لكن الجملة اللى معمولها اقتباس حطها واى كانها فى برواز ولة حدود وابعاد معينة ودة طبيعى لان المتصفحات بتحط مسافات بيضاء قبل الكلام المقتبس وبعديهة علشان التميز وبيقولك ودى معلومة على الماشى كدة ان المتصفحات اساسا بتحط المسافات البيضاء دى اتوماتيك اساسا فى المتصفح بتاعها علشان انتا تعرف حدود الصفحة وهكذا ازاى طيب حقولك تعالى نشوف كدة موقع زى دة حنلاقى الطروف فاضية دة لية ما ممكن تكون مليانة اعلانات حقولك اة ممكن وبيبقى فى جزء ابيض برضو ولو خط رفيع بيكون دة الجزر الفاضى اللى المتصفح بيسبة لنفسة

 

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

Here is a long quotation here is a long quotation

طيب انا قلتلك فوق ان المواقع والمنتديات بيشتغلوا على اقتباس اللى بيخليلك الكلام بين قوميتن مقلوبين وهكذا صح فين دة من الاقتباس بتاعنا بقى ؟
حقولك ان الاقتباس اللى انا شرحتهولك فوق دة يسمى الاقتباس الطويل ويوجد نوع اخر من الاقتباس اللى المواقع والمنتديات بيستخدموة وهو الاختباس القصير ، هو سمى كدى علشان علميا العلماء قالوا لو حتقتبس جزء صغير استخدم الاقتباس الضغير ولو جزء كبير مثلا 20 سطر استخدم الاقتباس الطويل لكن والحمد الله المواقع والمنتديات خلت الطويل زى الصغير وليس هناك فرق نظرا لانهم فى الاخر بيؤدوا نفس الغرض طيب تاجة ايه القصير دة ؟ هنا بكتب الكلام المقتبس
تعالى نشوف كدة
 

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

 

ودة الشكل اللى كلنا متعودين علية وبنشوفة كتير جدا وبكدة نكون خلصنا الدرس السادس ووافينا كل النقط فى الشرح

انا بعتذر عن الاطالة لكن كان لازم نفهم كل الكلام دة فى الوقت دة بالذات