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

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

2:48 م
تك ماستر

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

عنصر الخط الأفقى 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;

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

تك ماستر

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

تك ماستر

الى اللقاء فى الدرس القادم
 اضغط هنا لقراءة الدرس السابق
 


نبذة عن

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

شكرا لك على التعليق
الاشتراك في: تعليقات الرسالة ( Atom )