أنت هنا:برمجها»اللغة HTML»الدرس 12: الإطارات

الدرس 12: الإطارات

كتبه اللغة HTML 2864 كن أول من يعلق
آخر تعديل في الخميس, 26 تشرين2/نوفمبر 2020 00:46
الدرس 12: الإطارات
قيم الموضوع
(1 تصويت)

بعد ما رأيناه في الحصة السابقة نواصل حديثنا عن الإطارات و بعض الخصائص التي تستخدم في ذلك.

الخصائص التي تستخدم مع الوسم <FRAMESET>:

FRAMEBORDER
تقوم بتحديد ظهور أو عدم ظهور الحدود حول الإطارات وتأخذ القيم 1 للظهور، و0 لعدم الظهور.
BORDER
 تحدد سمك الحدود الظاهرة حول الإطارات وهي تأخذ قيماً بالبيكسل.
(‎BORDER="n"‎) وتعمل فقط مع Netscape .
BORDERCOLOR
لإضافة لون للحدود (‎BORDERCOLOR="rrggbb"‎) وتعمل مع Netscape أيضاً.
FRAMESPACING
لتحديد مسافات فارغة إضافية حول الإطارات وتأخذ قيماً بالبيكسل (FRAMESPACING="n"‎)
وهي تعمل مع MS Explorer.

 


الخصائص التي تستخدم مع الوسم <FRAME> :

MARGINHEIGHT

تحدد مقدار المسافة الفارغة المتروكة للهوامش العلوية والسفلية للإطار (بالبيكسل).              MARGINHEIGHT="n"                      ‎

MARGINWIDTH

تحدد مقدار المسافة الفارغة المتروكة للهوامش اليمنى واليسرى للإطار (بالبيكسل).              MARGINWIDTH="n"                        ‎

SCROLLING

تحدد إمكانية ظهور أو عدم ظهور أشرطة التصفح الأفقية والعمودية على جوانب أو أسفل الإطار. وتأخذ القيم yes للظهور. no لعدم الظهور. و auto التي تحدد ظهور الأشرطة أو عدمه تلقائياً بحسب الحاجة إليها. تماماً كما يحدث في معظم تطبيقات Windows .

SCROLLING="yes"‎
SCROLLING="no"‎
SCROLLING="auto"‎

NORESIZE

عند إضافة هذه الخاصية يتم منع عملية التحكم بحجم الإطار بالتصغير أو التكبير من خلال السحب والإفلات، وهي لا تأخذ أي قيم.

 
كذلك هناك الخصائص FRAMEBORDER, FRAMESPACING, BORDER, BORDERCOLOR التي تستخدم مع هذا الوسم وبنفس التفاصيل التي ذكرت مع <FRAMESET>. لكنها بالطبع تحدد خصائص الإطار وحده وليس مجموعة الإطارات ككل في الصفحةوهي تعمل على متصفحات معينة دون غيرها.

 


الخاصية  target :


لكي تستطيع أن ترسل أوامرك ووصلاتك من لوح إلى آخر، يجب أن تقوم بتسمية أو عنونة الألواح بواسطة الخاصية name، وبعد ذلك لعمل وصلة بواسطة الوسم a استخدم الخاصية target لتحديد وجهة الوصلة، يمكنك فتح الوصلة في شاشة متصفح جديدة _blank أو فتحها في الشاشة الحالية فوق مجموعة الألواح _top أو فتحها في اللوح الحالي _self أو فتحها في اللوح الأب (في حالة ألواح داخل ألواح) _parent أو فتحها في أي لوح بوضع إسم اللوح.
 

<!--    sample4.html    -->
<a href="/sample1.html"
target="_blank">Page 1</a><br>
<a href="/sample3.html"
target="_top">Page 3</a><br>
<a href="/sample2.html"
target="main">Page 2</a>
<a href="/sample4.html"
target="main">Page 4</a>
<frameset rows="20,*">
<frame src="/sample1.html">
<frameset cols="200,*">
<frame src="/sample4.html">
<frame src="/sample3.html" name="main">
</frameset>
</frameset>


 إضافة إلى ما سبق، يوجد أيضا إطار من نوع خاص يكون عائما في المستند مثل الصورة، يتم إدراج هذا الإطار في أي مكان بالمستند تحت القسم body، ويقوم بعمل إطار ليعرض صفحة HTML خارجية، ووسمه هو iframe وأهم خصائصه الخاصية src التي تحدد المستند المصدر الذي يجب عرضه في الإطار، يمكنك أيضا عنونه بالخاصية name وعمل وصلات موجهة إليه تماما مثل الإطار العادي، وفيما بقي فهو مثل الإطاريمتلك أيضا خاصية max-width   و  height   لتحديد حجمه.


تمرين تطبيقي: 
حاول أن تنجز صفحة ويب تحتوي على مختلف الوسوم المكتوبة أعلاه مع ملاحظة الفروق عند تغير قيم هذه الوسوم.
مقالات أخرى من نفس الفئة « الدرس 11: الإطارات الدرس 13: النماذج »

أضف تعليقا


إصنعها يريد أن يتأكد أنك لست روبوتا، لذلك أحسب ما يلي:

كود امني
تحديث