عالم الجافا | عالم الانترنت | عالم الألوان | عالم الكومبيوتر | مقارنات | سكربتات جاهزة

الرئيسية
راسلني

تأشيرات التأثير على النصوص والفقرات

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

تعلمنا في الدرس السابق تأشيرات الصفحة واليوم سنتعلّم بعض التأشيرات التي تؤثر على النصوص ان شاء الله.

تأشيرات العناوين

تأشيرات العناوين هي ستة تأشيرات تكتب على هذه الهيئات:

و سيظهر لدينا عند تنفيذ الكود السابق هذا الشكل:

الذي من الممكن أن تتعرف منه على حجم كل تأشيرة من تأشيرات العناوين :)

تأشيرة الـ

تقوم هذه التأشيرة بتغميق النص الذي ينحصر بينها و بين التأشيرة المغلقة لها .

مثال: لو قمنا بكتابة هذا السطر في صفحة الهتمل: فإننا سنحصل على كلمة هلا بخط غامق، هكذا:

تأشيرة الـ

تقوم هذه التأشيرة بعرض النص الذي ينحصر بينها و بين التأشيرة المغلقة لها بشكل مائل.

مثال: لو قمنا بكتابة هذا السطر في صفحة الهتمل: فإننا سنحصل على كلمة هلا بخط مائل، هكذا:

تأشيرة الـ

تقوم هذه التأشيرة بوضع خط تحت النص الذي ينحصر بينها و بين التأشيرة المغلقة لها .

مثال: لو قمنا بكتابة هذا السطر في صفحة الهتمل: فإننا سنحصل على كلمة هلا وتحتها خط، هكذا:

تأشيرة الـ

تقوم هذه التأشيرة بتحديد عدة مزايا للنص الذي يليها. و هي لا توجد مفردة بدون خصائص، إذ لابد أن تكون لها على الأقل خصيصة واحدة. لذا كما رأيتم لم أقم بإغلاق القوس على يمين التأشيرة :) و هي تأشيرة ثنائية، أي أنه يتم حصر النص الذي يتأثر بها بينها و بين التاشيرة الإغلاقية لها: .

من خصائص تأشيرة الـ :

وهذه الخاصية تقوم بتحديد لون النص الذي تؤثر عليه تأشيرة الـ . وتُكتب بهذا الشكل: . و تأخذ هذه الخاصية قيم الألوان المعتمدة في الهتمل.

وهذه الخاصية تقوم بتحديد نوع الخط الذي سيُكتب به النص الذي تؤثر عليه تأشيرة الـ . وتُكتب بهذا الشكل: . و تأخذ هذه الخاصية أي قيمة خط معترف به. و لكن يُشترط أن يتواجد نفس الخط عند الشخص الذي يشاهد الصفحة، لذا يحسن اختيار الخطوط المعتادة في الوندوز بشكل عام، و عدم اختيار خطوط بديلة.

قد يتساءل أحد، و ماذا لو اخترنا خطاً و لم يكن موجوداً في جهاز الشخص الذي يتصفّح الموقع؟ في الواقع، الهتمل بمرونتها، ستستبدل الخط بخط بديل مناسب.

 وهذه الخاصية تقوم بتحديد حجم الخط الذي سيُكتب به النص الذي تؤثر عليه تأشيرة الـ . وتُكتب بهذا الشكل: . يمكن أن تأخذ هذه الخاصية قيماً من 1 إلى 7. و الرقم 1 يرمز إلى خط صغير جداً، بينما الرقم 7 يرمز إلى أكبر خط في الهتمل. كما ترى في الشكل:

مثال:

يمكن أن ندمج ما سبق في هذا المثال:

وهذا سيُنتج لنا نصاً مكتوباً بخط التاهوما، و بحجم 2، و باللون الأزرق:)

تأشيرة الـ

تقوم تأشيرة الـ بالفصل بين الفقرات بسطر فارغ.

لننظر إلى هذا المثال:

ستكون هذه النتيجة عند التصفّح:

والآن لننظر إلى هذا المثال باستخدام تأشيرة الـ :

وستكون النتيجة هكذا:

و لتأشيرة ال خاصية مهمة جداً هي خاصية ، و هي التي نستطيع من خلالها أن نحدد وضعية النص في هذه الفقرة، فإذا كان center تكون وضعيته في الوسط، و إذا كان left تكون وضعيته في اليسار، و إذا كان right تكون وضعيته على اليمين، و هذا مثال كي نضع عبارة "بسم الله الرحمن الرحيم" في الوسط:. نلاحظ أن خاصية قد أعطيت القيمة center هكذا:.

تأشيرة الـ

تقوم هذه التأشيرة بالإنتقال للسطر الجديد هكذا:

ملاحظات عامة

  • يمكن دمج أكثر من تأشيرة للتأثير على نفس النص، كما في هذا المثال:



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

     
  • لنأخذ هذا المثال أيضاً:



    نجد أننا حددنا حجم النص للجملة، و نوع الخط، و في داخل هذه التأشيرة، قمنا بجعل عبارة الخليج العربي بالغامق و باللون الأحمر. نلاحظ أن خاتمة تأشيرة الأولى التي تقابلنا وهي التي قمنا بتلوينها باللون الأخضر، تغلق أقرب تأشيرة لها. و هي في حالتنا الخاصة باللون الأحمر و التي قمنا بتلوينها باللون الأحمر أيضاً. و سيظهر النص عند التصفّح بهذا الشكل:


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

حاول باستخدام ما تعلمناه اليوم من تأشيرات أن تُنشئ مثل هذه الصفحة:

أرجو أن يكون الدرس واضحاً.

وفوق كل ذي علم عليم

أوشال

مواضيع أخرى من نفس النوعية

سلسلة دروس الـHTML

أمثلة ومقارنات

جميع الحقوق محفوظة JavaGirl, 2006