السلام عليكم ورحمة الله وبركاته
متابعينى الاعزاء مرحبا بكم فى درس جديد
عنصر الخط الأفقى 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;
|
<
|
>
|
≠
|
≠
|
™
|
™
|
©
|
©
|
رمز الفراغ
|
|
لنشاهد المثال التالى
والذى يبدو عند عرضه فى المستعرض كما يلى :
محمود البحراوى : من جمهورية مصر العربية , إهتمام وتخصص في تصميم المواقع وايضا برمجتها وتطويرها كذلك التصاميم العامة أعمل حر ,عملت كثيرا فى مجال التسويق الالكترونى, حب وعشق للأجهزة الكمبيوتر وايضا الهواتف.
محول الاكواد محول الأكواد اضافة الإبتسمات اضافة الإبتسمات