دورة HTML5 :شرح عناصر النصوص و عناصر تنسيق النصوص والمحارف و الرموز الخاصَّة

12:39 م غير معرف 3 Comments

دورة HTML5 :شرح عناصر النصوص و عناصر تنسيق النصوص والمحارف و الرموز الخاصَّة

عناصر النصوص Paragraphs

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

عناصر تنسيق النصوص Text Formatting

توفر لغة HTML مجموعة من العناصر لتنسيق النصوص, فلجعل النص عريضاً Bold توفر العنصر أو العنصر ( و لجعل النص مائلاً Italic توفر العنصر (أوالعنصر ), و لوضع خط أسفل النص توفر العنصر , و لشطب النص Delete توفرالعنصر <del> , لنشاهد الشيفرة التالية على سبيل المثال:

 <html>
 <head>
 <title>صفحة اختبار لعناصر تنسيق النصوص </title>
 </head>
 <body>
      <p> 
   This is a sample text to demonstrate 
   <b>bold</b>,
   <i>italic</i>,
   <u>underline</u> and 
   <del>delete</del> tags.
          <!--  للنزول سطراً واحداً<br/> استخدمنا -->
   <br/> 
   You may use other tags to generate the same output: 
   <br/>
   This is a sample text to demonstrate 
   <strong>bold</strong>, 
   <em>italic</em>, 
   <u>underline</u> and
   <del>delete</del> tags.
     </p>
</body>
</html>

تبدو الشيفرة أعلاه في المستعرض كمايلي:

ملحوظة: بالطبع هناك المزيد من عناصر تنسيق النصوص سيتم ذكرها في مرجع وسوم HTML لاحقاً

المحارف و الرموز الخاصَّة Special Characters

هناك بعض المحارف والرموز التي لا يمكن عرضها في الصفحة عن طريق كتابتها بشكل مباشر مثل الرموز المستخدمة في الرياضيات و محارف الفراغات وغيرها, توفر لغة HTML آلية خاصة لعرض هذه الرموز و ذلك باتباع الصيغة العامة التالية &value; باستبدال القيمة value بقيمةالمحرف المطلوب على أن يتم عرضه في مستعرض الويب و في الجدول التالي نماذج من هذه المحارف:

الرمز	شيفرة XHTML
<	<
>	>
≠	≠
™	™
©	©
محرف الفراغ

للحصول على الجدول الكامل يمكن اتباع الرابط التالي:
http://www.w3schools.com/html/html_symbols.asp
لنشاهد المثال التالي:

 <html>
<head>
   <title>
       صفحة اختبار لبعض المحارف الخاصة
   </title>
</head>
 <body>
      <p>
     3 &lt; 5 and 10 &gt; 2 and also 3 &ne; 4 .... all rights          reserved for &copy; sweup.com &trade; 
      </p>
 </body>
</html>

والذي يبدو عند عرضه في المستعرض كمايلي:

, وإلى هنا أتركم في رعاية الله إلى حين نلقاكم في درس جديد ولمتابعة الدورة يمكنك الأنضمام لأعضاء المدونة كما يمكنك الأنضمام للقروب الخاص بنا حيث سيصلك كل جديد .

المصادر /www.w3schools.com تعلَّمHTML5 & CSS3 (م.مختار صالح)