القائمة الرئيسية

الصفحات

دورة HTML – الدرس رقم 2 : كيف تقوم بالتعديل على النصوص ؟

دورة html


في هذا الدرس سوف نقدم لكم الوسوم الخاصة بالتعديل على النصوص، سواء تعلَّق الأمر بإضافة فراغات بين الكلمات، تنسيق الفقرات والنصوص.

الفراغات:
كما ذكرت في الدرس الأول من دورة html بان هذه اللغة لا تأخذ بعين الاعتبار الفراغات، لذا فلإضافة فراغات فيجب استخدام وسم   (اختصارا للكلمات التالية Non Breakable Space).
مثال تطبيقي:



الفقرات:

يتعلق الأمر بوسم<br> بحيث يقوم هذا الوسم بإنهاء الفقرة وبداية فقرة جديدة. للإشارة فهذا الوسم فردي أي لا يوجد وسم الإغلاق لهذا الوسم. كما تجدر الإشارة إلى أن وسم <p> يقوم بنفس دور الوسم السابق<br> ، الفرق فقط في كون هذا الوسم يضيف سطر إضافي بين الفقرات.

مثال تطبيقي لوسم <br>:





 مثال تطبيقي لوسم <p>:







يستخدم وسم <p> كذلك كوسم مزدوج أي له وسم غلقه </p> في هذه الحالة يمكننا الوسم من تحديد مكان الفقرة (الجانب الأيمن، الوسط، الأيسر) ويمكننا كذلك من تحديد اتجاه النص (من اليسار إلى اليمين أو من اليمين إلى اليسار)، وذلك من خلال الخصائص التالية:Align  و DIR.

تأخذ align  ثلاث قيم كما ذكرت سابقا وهي left, center, right
أما خاصية dir  فتأخذ قيمتين LTR (left to right) أو RTL (right to left)

 مثال تطبيقي لوسم <align>:






 مثال تطبيقي لوسم <dir>:








وسم </blockquote>...<blockquote> والذي يستخدم في إدراج مسافة إضافية  على الهامشين الأيمن والأيسر.

 مثال تطبيقي لوسم <blockquote>:





تنسيق النصوص:
لتنسيق النصوص توفر لغة html  مجموعة من الوسوم التي تساعد على القيام بذلك الأمر.
  • فمثلا لجعل النص عريضا (bold) يستخدم وسم <b> كوسم بداية وسم النهاية الخاص به </b>. للإشارة وسم <strong> يقوم بنفس عمل الوسم السابق.
  • لجعل النص مائلا(italic)  يستخدم وسم <i> كوسم بداية ووسم نهايته </i>. للإشارة وسم  <em> يقوم بنفس عمل الوسم السابق.
  • لجعل خط تحت النص (underline) يستخدم وسم  <u> كوسم بداية ووسم نهايته </u> .
  • لجعل النص يعترضه خط يستخدم وسم <strike>. وسم غلقه </strike>. للإشارة الوسم <s> يقوم بنفس عمل الوسم السابق.

مثال تطبيقي:






  • لجعل النص مرتفعا يستخدم وسم <sup> وسم غلقه </sup>.
  • لجعل النص منخفضا يستخدم وسم <sub> وسم غلقه </sub>.

مثال تطبيقي:



  • لجعل النص كبير يستخدم وسم  <big> وسم غلقه </big>.
  • لجعل النص صغير يستخدم وسم  <Small>وسم غلقه</small>

مثال تطبيقي:




وسم <H> (heading) والذي يستخدم في تمييز عناوين الصفحة.وسم غلقه هو <H/>. للإشارة فهذا الوسم يكون مصحوبا بارقام (من 1 الى 6)، وكل رقم يعبر عن حجم العنوان.
مثال تطبيقي:







تعليقات

التنقل السريع