كورس HTML5 - الدرس الرابع

تك ماستر

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

عنصر الخط الأفقى Horizontal Line

تقدم لغة HTML الوسم الخاص <hr /> لانشاء الخطوط الأفقية فى الصفحة , انظر للمثال التالى :

تك ماستر

يبدو الكود السابق فى مستعرض الويب كما يلى :

تك ماستر

التعليقات Comments

اعتاد المبرمجون فى لغات البرمجة التقليدية على كتابة أسطر توضيحية لا تعالج اذ أنها لا تعتبر جزءا من الكود , وانما تستخدم فقط لتذكير المبرمج بأجزاء الكود عندما يعود لتعديلها بعد فترة من الزمن , وهذه الأسطر تعرف بالتعليقات Comments ومع أن HTML لغة وصفية كما قلت سابقا الا أنها توفر الية لكتابة التعليقات ضمن المستندات , فتقدم الصيغة العامة التالية لكتابة التعليق :
 <-- comment --!>

لنشاهد المثال التالى على استخدام التعليقات ضمن مستند HTML :

تك ماستر

يبدو الكود  السابق كما يلى فى مستعرض الويب مما يؤكد أن التعليقات لا تظهر فى المستند (أثناء استعراض الصفحة جرب اختيار الأمر "عرض --< المصدر " أو view-->") :

تك ماستر

ملحوظة :لا تنس اشارة التعجب بعد القوس الأول فى بداية وسم التعليق .

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

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

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

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

تك ماستر

يبدو الكود  فى المستعرض كما يلى :

تك ماستر

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

الرموز الخاصة

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

الرمز
كود XHTML
> 
&It;
< 
&gt;
&ne;
&trade;
©
&copy;
رمز الفراغ
&nbsp;

لنشاهد المثال التالى

تك ماستر

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

تك ماستر

الى اللقاء فى الدرس القادم
 


شكرا لك على التعليق