1:21 ص
رامي و قصي
- مثال - 1 - : إضافة خلفية للصّفحة
| خلفية لونيّة :
يُمكننا إضافة لون للصفحة التي نعمل عليها من خلال إضافة بسيطة جداً
هي عبارة عن attribute أو صفة لوسم الـ Body ..
لاحظوا المثال :
والنتيجة :
لتفسير ما يجري من ناحية منطقيّة :
كما شرحنا سابقاً فإن الـ <body> يمثل كل ما تحتويه الصّفحة من الداخل ..
لذلك إن أردنا أن نجعل كل لون الصفحة يختلف هذا يعني أننا نود تغيير لون خلفية الـ <body>
بالتّالي قمنا بإضافة صفة أو attribute الـ bgcolor اختصاراً إلى "Background Color" ومن ثم إضافة
قيمة لها [ وهذه القيمة هي اسم اللون ]
ملحوظة : بالإمكان إضافة كود اللون بدل اسمه ..
الصّورة التالية [ هنا | وهنا ] تحتوي الألوان مع أكوادها
| خلفية صوريّة :
بِنفس الآلية السّابقة ونفس المفهوم السّابق
سنقوم بإضافة الخلفية على الرّابط التّالي [ هنا ] لمن يَرغب في استخدامها
لاحظوا المثال :
والنتيجة :
وهنا سنقف قليلاً ..
في المثال أعلاه استخدمنا خاصية الـ Background لإضافة خلفية وأضفنا إليها اسم الصّورة b1.jpg
كما تلاحظون :
وهذا يكون في حالة أن الكود والصّورة في نفس الملف
لأنّ المُتصّفح عندما يقوم بقراءة الكود فإنّه يفترض أنّ الصورة والملف الذي يقرأ منه في نفس الملف
أما إن كانت الصّورة في ملف آخر فينبغي عليك حينها أن تضيف عنوانها كاملاً
لنفرض أن الصّورة مخزنة على الـ \:C
عندها يجب أن يكون الكود كالتّالي :
ويمكنك الحصول على امتداد أي صورة خارج الملف الذي يوجد فيه الكود الأصلي عن طريق الضغط بزر الماوس
الأيمن على الصّورة ، واختيار Properties أو خصائص ، ستظهر لك نافذة وفيها الـ Location أو موقع الصّورة
قم بنسخه ووضعه قيمة للـ Background
كما يمكنك اختيار رابط اي صورة من الانترنت ووضعها بدون أي مشكلة ..
شرح هذه النقطة باسهابٍ أكبر في هذا الرابط :
http://www.bsmlh.net/vb/showpost.php?p=1719570&postcount=27
http://www.bsmlh.net/vb/showpost.php?p=1719570&postcount=27
- مثال - 2 - : تنسيق النّصوص
بعض الوسوم في الجدول أعلاه قد تبدو مُتشابهة في الوظيفة
مثل <b> و <strong> .. الفرق بينهما ليس فرقاً نظريّاً يمكنكم أن تشاهدوه
وإنما فرقُ وظيفي لن نقوم بالتّطرق له هنا لكن بإمكانكم البحث عنه عبر الشبكة
دعونا نلاحظ المِثال :
والنتيجة :
وفيما يتعلّق بتسطير النّص :
والنتيجة :
الآن لنفرض أنّك ترغب بتنسيق حجم ولون ونوع الخط
هنا سيلزمنا استخدام وسم الـ <font> والـ attributes أو الصّفات التي تصحبه
دعونا نرى المِثال :
وكما نلاحظ فيما يتعلق بقيمة اللون ؛ فإنها قد تكون اسم اللون "Red" أو كود اللون "#06847d"
النتيجة :
- مثال - 3 - : إضافة خط أفقّي
يُمكنك إضافة خط أفقي على شكل فاصل بواسطة لغة الـ HTML بواسطة وسم <hr>
والـ hr هي اختصار لكلمة Horizontal أي [ أفقي ]
يمكن استخدام الوسم كما هو بشكل فردي ، أو يمكن التغيير في بعض خصائصه [ اللون والحجم ]
بواسطة attributes مُعينة
لاحظوا المثال :
والنتيجة :
كما ترون الخط الاول بشكله الأفتراضي ظهر عند كتابتنا <hr>
والخط الثاني الأحمر العريض ظهر بعد كتابتنا للتّالي :
بتطبيق كلّ ما تعلمناه في هذا الدّرس على صفحة الـ Index التي نعمل عليها
النتيجة :
الكود :
::
الأكثر أهميّة في تعلم الـ HTML هو الممارسة والمحاولة المتواصلة لتحقيق النّتيجة المطلوبة
بانتظار أسئلتـكم واستفساراتكم وأي شيء آخر ^^
