DanGer Boy
29-09-2007, 12:43 AM
أهلاً وسهلاً بك إلى الدرس الثالث من دروس HTML. لا زلنا نناقش معاً أساسيات تنسيق صفحات الإنترنت والتحكم بخصائصها. وسوف نتابع ذلك في هذا الدرس من خلال التعرف على الوسوم الخاصة بالخطوط.
سوف تلاحظ في هذا الدرس والدروس اللاحقة أن هناك أكثر من طريقة لأداء نفس العمل، أو إعطاء نفس الخصائص لصفحات الإنترنت. وبالمقابل قد يبدو لك أن بعض الوسوم والخصائص متشابهة في تأثيرها، لكن بالقليل من التدقيق والتجربة ستكتشف أن لكل وسم خصوصيته.
انتبه الدرس هيبدأ
الرسين اللى فاتوا لم نتحكم فى الخطوط واعتدنا على الخط الافتراضى
يعنى النوع Times New Roman وحجمه 3 (بمقياس متصفحات الإنترنت).
الوسم الأول الخاص بالخطوط هو <FONT> ... </FONT>
الوظيفه : يقوم بالتحكم بالخطوط من حيث النوع واللون والحجم.
أما الخصائص التي نستخدمها مع هذا الوسم والوسوم الأخرى للخطوط فهي كالتالي:
Face
تقوم هذه الخاصية بتحديد نوع الخط الذي نريده، وقد نقوم بتحديد أكثر من نوع معاً. وفي هذه الحالة إذا لم يتواجد الخط المحدد أولاً على جهاز الشخص الذي يتصفح الموقع يتم إعتماد الخط الثاني ... وهكذا
<FONT FACE="Traditional Arabic, Arabic Transparent, Simplified Arabic">
... Text ...
</FONT>
طبعاً لا تنس أن تتأكد من كتابة أسماء الخطوط بالصورة الصحيحة هجائياً.
Color
أما هذه الخاصية فتحدد لون الخط، وذلك بنفس مبادئ تحديد الألوان
<FONT COLOR="#FF0000">
... Text ...
</FONT>
Size
ولتحديد حجم الخط نستخدم هذه الخاصية. وفقط هناك سبعة أحجام لأي خط تستطيع المتصفحات التعرف عليها.
ونقوم بتحديد الحجم المطلوب بأسلوبين: أولهما المباشر. حيث يتم كتابة رقم يتراوح ما بين 1-7. أي أننا نختار الحجم الذي نريده مباشرة.
<FONT SIZE="4">
... Text ...
</FONT>
وإليك نماذج بأحجام الخطوط
خط بحجم 1
خط بحجم 2
خط بحجم 3 (الخط الافتراضي)
خط بحجم 4
خط بحجم 5
خط بحجم 6
خط بحجم 7
أما الأسلوب الثاني فهو النسبي: حيث تكتب الأرقام من 1 إلى 6 مرفقة إما بإشارة + أو بإشارة -.
<FONT SIZE="+4">
... Text ...
</FONT>
وفي هذه الطريقة فإن الأرقام 1-6 تمثل درجات التكبير (+) أو التصغير (-) للخط وذلك نسبةً إلى الحجم الافتراضي. فمثلا الرقم +4 يعني تكبير الخط أربع درجات عن الحجم الافتراضي وهو 3، أي أنه يصبح بالحجم 7. بالمقابل فأن الرقم -1 يعني تصغير الخط درجة واحدة أي يصبح بالحجم 2.
ولتوضيح هذا الأسلوب، إليك هذه النماذج:
خط بحجم -3
خط بحجم -2
خط بحجم -1
خط بحجم +0 (أو -0 وهو الافتراضي)
خط بحجم +1
خط بحجم +2
خط بحجم +3
خط بحجم +4
خط بحجم +5
لاحظ أنه حتى في الأسلوب النسبي لا نستطيع الحصول على أكثر من سبعة أحجام للخطوط. حتى وإن حاولنا كتابة أرقام أكبر أو أصغر كما فعلت هنا بكتابة الحجم -3 أو +5.
سؤال: لقد ثبت حجم الخط على حده الأدنى عند الدرجة -2 وعلى حده الأعلى عند الدرجة +4. إذن ما الفائدة من وجود الدرجات الأخرى الأقل من -2 والأكبر من +4؟
الاجابه: ماذا لو قمنا بتغيير الحجم الافتراضي للخط في كل الصفحة إلى 1 بدلاً من 3؟ (وسوف نقوم بذلك فعلاً بعد قليل)، ألا نحتاج في هذه الحالة إلى الدرجات من +1 إلى +6 لتمثيل الأحجام الأكبر منه؟ وإذا قمنا بتحديد 7 كحجم إفتراضي ألا نحتاج إلى الدرجات من -1 إلى -6 لتمثيل الأحجام الأصغر منه؟ إذن نحن نحتاج فعلاً إلى هذه الدرجات لكي نغطي جميع الإحتمالات الواردة.
ودلوقتى هناخد شويه امثله والاجابه اللى عليها
نبدأ
بسم الله
<FONT FACE="arial" SIZE="6" COLOR="#FF0000">
سارق القلوب</FONT>
دوره احتراف اختراق المنتديات مجننه الاعضاء
</FONT>
دوره احتراف اختراق المنتديات مجننه الاعضاء
<FONT FACE="Arial" SIZE="5" COLOR="#00FF00"> mr</FONT>
<FONT FACE="Times New Roman" SIZE="7" COLOR="#FF00FF">shares</FONT>
<FONT FACE="Arial" SIZE="2" COLOR="#FF0000">genius</FONT>
<FONT FACE="Impact" SIZE="4" COLOR="#000000"> hacker </FONT>
<FONT FACE="Courier" SIZE="2" COLOR="#0000FF"> *******</FONT>
<FONT FACE="Times New Roman" SIZE="3" COLOR="#008080"> home</FONT>
<FONT FACE="Courier" SIZE="6" COLOR="#FFFF00">egypt</FONT>
<FONT FACE="Arial" SIZE="5" COLOR="#808080">pyramids</FONT>
<FONT FACE="Impact" SIZE="2" COLOR="#800000">cairo</FONT>
<FONT FACE="Times New Roman" SIZE="7" COLOR="#00FFFF">alex</FONT>
mr sharesgeniushacker, *******home egypt pyramids cairo alex
<FONT FACE="Impact" SIZE="6" COLOR="#000000">m</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#008080">r</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF0000">r</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#0000FF">a</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#800000">m</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF00FF">y</FONT>
m r r a m y
ثانيا :الوسم ******FONT>.
الوظيفه: تحديد نوع الخط وخصائصه بالنسبة للصفحة . أي أنه يقوم بتعريف نوع الخط الأساسي الذي سيستخدم في الصفحة من بدايتها إلى نهايتها ويحدد لونه وحجمه.
هل لاحظت انه وسم مفرد ولا يحتوي على وسم للنهاية؟ بالطبع ما الحاجة إلى وسم النهاية طالما أنه يتعامل مع الصفحة ككل ومع الإعدادات الأساسية لها، وليس مع كلمة أو سطر أو فقرة بذاتها. لذلك فإن هذا الوسم يكتب عادة في أول الملف، ويفضل مباشرة بعد وسم <BODY>.
أما الخصائص المستخدمة معه فهي نفس الخصائص سالفة الذكر مع <FONT> ، (نستطيع استخدام الخاصية Name معه بدلاً من Face). وبنفس الطريقة وبدون أي اختلافات. وإليك هذه الشيفرة كمثال:
******FONT Name="Arial" COLOR="#FF0000" SIZE="5">
وبدراسة هذا المثال نستنتج أنه يقوم بتعديل الخط الافتراضي للصفحة بحيث يصبح نوعه Arial وحجمه 5 ولونه أحمر. وبالتالي فإن كل النصوص المكتوبة في تلك الصفحة سيطبق عليها هذا النمط من الخط. ما لم نقم طبعا باستخدام الوسوم <Font> ... </Font> لتعديلها والتحكم بمظهرها كما فعلنا في الأمثلة السابقة، فهي أكثر تحديداً وأكثر مرونة من الوسم ******FONT>
وبمناسبة الحديث عن الألوان وتغيير اللون الأساسي لنص الصفحة. ألا تذكر أننا في الدرس السابق تكلمنا عن الخاصية Text التي تكتب مع الوسم <Body> والتي استخدمناها لتحديد لون نص الصفحة... أنا لا زلت أذكر ذلك.
لا يوجد تعارض بين هذه الخاصية وخاصية Color في الوسم ******FONT> فأنت بكل بساطة تستطيع استخدام أي منهما في صفحتك. وإذا حدث واستخدمت كلاهما فإن اللون المحدد مع الوسم ******FONT> هو الذي سيطبقه المتصفح ويعتمده.
وهنا أريد أن أذكرك بما قلته في بداية هذا الدرس:
يوجد دائماً أكثر من طريقة لأداء نفس العمل
هناك وسوم خاصة تستخدم لتمييز العناوين Headings في صفحات الإنترنت وهي:
<Hn> ... </Hn>
وحرف n هو رقم بين 1-6 يمثل مستوى العنوان.
<H1> Heading 1 </H1>
<H2> Heading 2 </H2>
<H3> Heading 3 </H3>
<H4> Heading 4 </H4>
<H5> Heading 5 </H5>
<H6> Heading 6 </H6>
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
ننتقل للتأثيرات
وفيما يلي الوسوم الخاصة بها متبوعة بمثال ونتيجته:
* الخط الغامق (الأسود العريض)، ونستخدم له الوسوم التالية:
<B> ... </B>
<STRONG> ... </STRONG>
<B> sarek </B>This is sarek <STRONG> ******* </STRONG>This is ******* باقى الامثله سنكملها باسمائها للتسهيل
* الخط المائل
<I> ... </I>
<EM> ... </EM>
<I> Italic Text </I>This is Italic Text <EM> Emphasized Text </EM>This is Emphasized Text
* الخط المسطر
<U> ... </U>
<U> Undelined Text </U>This is Undelined Text
* الخط المرتفع
<SUP> ... </SUP>
<SUP> Super****** Text </SUP>This is Super****** Text
* الخط المنخفض
<SUB> ... </SUB>
<SUB> Sub****** Text </SUB>This is Sub****** Text
* خط كبير
<BIG> ... </BIG>
<BIG> Big Text </BIG>This is Big Text
* خط صغير
<SMALL> ... </SMALL>
<SMALL> Small Text </SMALL>This is Small Text
* نص يعترضه خط
<STRIKE> ... </STRIKE>
<S> ... </S>
<STRIKE> Striked Text </SRTIKE>This is Striked Text <S> Striked Text </S>This is Striked Text too
* نص الآلة الطابعة TeleType
<TT> ... </TT>
<TT> TeleType Text </TT>This is TeleType Text
وهو ما يعرف بالنص موحَد المسافات Monospaced Text. فمثلا:
إذا أخذنا الحرفين m,i وكتبنا كل منهما عشر مرات متتالية نلاحظ أن المساحة التي شغلها الحرف m هي أضعاف المساحة التي شغلها الحرف i
iiiiiiiiii
mmmmmmmmmm
أما عند استخدام الوسم <TT> ... </TT> فإن المساحة التي يشغلها كلا الحرفين تصبح موحدة
iiiiiiiiii
mmmmmmmmmm
وهذه أمثلة تجمع بين عدة تنسيقات معاً:
<B><I><U>
******* home
</U> </I> </B>
******* home
<FONT COLOR="#FF0000" SIZE="+3"><U><I>
egypt
</I> </U> </FONT>
egypt
اى انه يمكن استخدام اكثر من وسم فى المره الواحده... لكن
عند استخدام الوسوم المتعددة في مقطع واحد يجب مراعاة عدم التداخل بينها!... كيف؟ أنظر إلى الرسم التالي:
http://www2.0zz0.com/2007/09/28/21/78555298.gif
فكتابة الوسوم السابقة بالطرق التالية هو خطأ:
<B><I><U>
This is a Bold, Italic and Underlined Text
</B> </I> </U>
<B><I><U>
This is a Bold, Italic and Underlined Text
</B> </U> </I>
واللى هيقول ان انا غلطان وانه جربها ونفعت اقوله جربتها على كام وسم
يفتح فمه ويقول وسمين
ييجى غيره ويقول 5
طيب تخيلوا لو صفحه نت فيها مئات او الاف الاوسمه
تحدث لخبطه صح
الان صار شكلكم كده والاه لسه ههههههههههههه
لذلك فأهمية أن تتجنب وجود الوسوم المتداخلة في صفحتك هو بنفس الأهمية التي يجب أن توليها لكتابة هذه الوسوم بالصورة الصحيحة إملائياً. وإلا فالمتصفحات لا ترحم. وكثيرة هي المرات التي حصل فيها المصممون على صفحات منهارة بسبب نسيان حرف واحد أو إشارة مثل < أو > أو "
بإختصار شديد... وكقاعدة أساسية، الصفحة المصممة جيداً هي الصفحة ذات الوسوم الصحيحة وغير المتداخلة.
وصلنا الآن إلى نهاية هذا الدرس. أتمنى أن تكون قد قضيت وقتاً ممتعاً معه. وأن لا يكون قد أحدث تداخلاً في وسوم أفكارك.
:1 (129):
سوف تلاحظ في هذا الدرس والدروس اللاحقة أن هناك أكثر من طريقة لأداء نفس العمل، أو إعطاء نفس الخصائص لصفحات الإنترنت. وبالمقابل قد يبدو لك أن بعض الوسوم والخصائص متشابهة في تأثيرها، لكن بالقليل من التدقيق والتجربة ستكتشف أن لكل وسم خصوصيته.
انتبه الدرس هيبدأ
الرسين اللى فاتوا لم نتحكم فى الخطوط واعتدنا على الخط الافتراضى
يعنى النوع Times New Roman وحجمه 3 (بمقياس متصفحات الإنترنت).
الوسم الأول الخاص بالخطوط هو <FONT> ... </FONT>
الوظيفه : يقوم بالتحكم بالخطوط من حيث النوع واللون والحجم.
أما الخصائص التي نستخدمها مع هذا الوسم والوسوم الأخرى للخطوط فهي كالتالي:
Face
تقوم هذه الخاصية بتحديد نوع الخط الذي نريده، وقد نقوم بتحديد أكثر من نوع معاً. وفي هذه الحالة إذا لم يتواجد الخط المحدد أولاً على جهاز الشخص الذي يتصفح الموقع يتم إعتماد الخط الثاني ... وهكذا
<FONT FACE="Traditional Arabic, Arabic Transparent, Simplified Arabic">
... Text ...
</FONT>
طبعاً لا تنس أن تتأكد من كتابة أسماء الخطوط بالصورة الصحيحة هجائياً.
Color
أما هذه الخاصية فتحدد لون الخط، وذلك بنفس مبادئ تحديد الألوان
<FONT COLOR="#FF0000">
... Text ...
</FONT>
Size
ولتحديد حجم الخط نستخدم هذه الخاصية. وفقط هناك سبعة أحجام لأي خط تستطيع المتصفحات التعرف عليها.
ونقوم بتحديد الحجم المطلوب بأسلوبين: أولهما المباشر. حيث يتم كتابة رقم يتراوح ما بين 1-7. أي أننا نختار الحجم الذي نريده مباشرة.
<FONT SIZE="4">
... Text ...
</FONT>
وإليك نماذج بأحجام الخطوط
خط بحجم 1
خط بحجم 2
خط بحجم 3 (الخط الافتراضي)
خط بحجم 4
خط بحجم 5
خط بحجم 6
خط بحجم 7
أما الأسلوب الثاني فهو النسبي: حيث تكتب الأرقام من 1 إلى 6 مرفقة إما بإشارة + أو بإشارة -.
<FONT SIZE="+4">
... Text ...
</FONT>
وفي هذه الطريقة فإن الأرقام 1-6 تمثل درجات التكبير (+) أو التصغير (-) للخط وذلك نسبةً إلى الحجم الافتراضي. فمثلا الرقم +4 يعني تكبير الخط أربع درجات عن الحجم الافتراضي وهو 3، أي أنه يصبح بالحجم 7. بالمقابل فأن الرقم -1 يعني تصغير الخط درجة واحدة أي يصبح بالحجم 2.
ولتوضيح هذا الأسلوب، إليك هذه النماذج:
خط بحجم -3
خط بحجم -2
خط بحجم -1
خط بحجم +0 (أو -0 وهو الافتراضي)
خط بحجم +1
خط بحجم +2
خط بحجم +3
خط بحجم +4
خط بحجم +5
لاحظ أنه حتى في الأسلوب النسبي لا نستطيع الحصول على أكثر من سبعة أحجام للخطوط. حتى وإن حاولنا كتابة أرقام أكبر أو أصغر كما فعلت هنا بكتابة الحجم -3 أو +5.
سؤال: لقد ثبت حجم الخط على حده الأدنى عند الدرجة -2 وعلى حده الأعلى عند الدرجة +4. إذن ما الفائدة من وجود الدرجات الأخرى الأقل من -2 والأكبر من +4؟
الاجابه: ماذا لو قمنا بتغيير الحجم الافتراضي للخط في كل الصفحة إلى 1 بدلاً من 3؟ (وسوف نقوم بذلك فعلاً بعد قليل)، ألا نحتاج في هذه الحالة إلى الدرجات من +1 إلى +6 لتمثيل الأحجام الأكبر منه؟ وإذا قمنا بتحديد 7 كحجم إفتراضي ألا نحتاج إلى الدرجات من -1 إلى -6 لتمثيل الأحجام الأصغر منه؟ إذن نحن نحتاج فعلاً إلى هذه الدرجات لكي نغطي جميع الإحتمالات الواردة.
ودلوقتى هناخد شويه امثله والاجابه اللى عليها
نبدأ
بسم الله
<FONT FACE="arial" SIZE="6" COLOR="#FF0000">
سارق القلوب</FONT>
دوره احتراف اختراق المنتديات مجننه الاعضاء
</FONT>
دوره احتراف اختراق المنتديات مجننه الاعضاء
<FONT FACE="Arial" SIZE="5" COLOR="#00FF00"> mr</FONT>
<FONT FACE="Times New Roman" SIZE="7" COLOR="#FF00FF">shares</FONT>
<FONT FACE="Arial" SIZE="2" COLOR="#FF0000">genius</FONT>
<FONT FACE="Impact" SIZE="4" COLOR="#000000"> hacker </FONT>
<FONT FACE="Courier" SIZE="2" COLOR="#0000FF"> *******</FONT>
<FONT FACE="Times New Roman" SIZE="3" COLOR="#008080"> home</FONT>
<FONT FACE="Courier" SIZE="6" COLOR="#FFFF00">egypt</FONT>
<FONT FACE="Arial" SIZE="5" COLOR="#808080">pyramids</FONT>
<FONT FACE="Impact" SIZE="2" COLOR="#800000">cairo</FONT>
<FONT FACE="Times New Roman" SIZE="7" COLOR="#00FFFF">alex</FONT>
mr sharesgeniushacker, *******home egypt pyramids cairo alex
<FONT FACE="Impact" SIZE="6" COLOR="#000000">m</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#008080">r</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF0000">r</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#0000FF">a</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#800000">m</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF00FF">y</FONT>
m r r a m y
ثانيا :الوسم ******FONT>.
الوظيفه: تحديد نوع الخط وخصائصه بالنسبة للصفحة . أي أنه يقوم بتعريف نوع الخط الأساسي الذي سيستخدم في الصفحة من بدايتها إلى نهايتها ويحدد لونه وحجمه.
هل لاحظت انه وسم مفرد ولا يحتوي على وسم للنهاية؟ بالطبع ما الحاجة إلى وسم النهاية طالما أنه يتعامل مع الصفحة ككل ومع الإعدادات الأساسية لها، وليس مع كلمة أو سطر أو فقرة بذاتها. لذلك فإن هذا الوسم يكتب عادة في أول الملف، ويفضل مباشرة بعد وسم <BODY>.
أما الخصائص المستخدمة معه فهي نفس الخصائص سالفة الذكر مع <FONT> ، (نستطيع استخدام الخاصية Name معه بدلاً من Face). وبنفس الطريقة وبدون أي اختلافات. وإليك هذه الشيفرة كمثال:
******FONT Name="Arial" COLOR="#FF0000" SIZE="5">
وبدراسة هذا المثال نستنتج أنه يقوم بتعديل الخط الافتراضي للصفحة بحيث يصبح نوعه Arial وحجمه 5 ولونه أحمر. وبالتالي فإن كل النصوص المكتوبة في تلك الصفحة سيطبق عليها هذا النمط من الخط. ما لم نقم طبعا باستخدام الوسوم <Font> ... </Font> لتعديلها والتحكم بمظهرها كما فعلنا في الأمثلة السابقة، فهي أكثر تحديداً وأكثر مرونة من الوسم ******FONT>
وبمناسبة الحديث عن الألوان وتغيير اللون الأساسي لنص الصفحة. ألا تذكر أننا في الدرس السابق تكلمنا عن الخاصية Text التي تكتب مع الوسم <Body> والتي استخدمناها لتحديد لون نص الصفحة... أنا لا زلت أذكر ذلك.
لا يوجد تعارض بين هذه الخاصية وخاصية Color في الوسم ******FONT> فأنت بكل بساطة تستطيع استخدام أي منهما في صفحتك. وإذا حدث واستخدمت كلاهما فإن اللون المحدد مع الوسم ******FONT> هو الذي سيطبقه المتصفح ويعتمده.
وهنا أريد أن أذكرك بما قلته في بداية هذا الدرس:
يوجد دائماً أكثر من طريقة لأداء نفس العمل
هناك وسوم خاصة تستخدم لتمييز العناوين Headings في صفحات الإنترنت وهي:
<Hn> ... </Hn>
وحرف n هو رقم بين 1-6 يمثل مستوى العنوان.
<H1> Heading 1 </H1>
<H2> Heading 2 </H2>
<H3> Heading 3 </H3>
<H4> Heading 4 </H4>
<H5> Heading 5 </H5>
<H6> Heading 6 </H6>
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
ننتقل للتأثيرات
وفيما يلي الوسوم الخاصة بها متبوعة بمثال ونتيجته:
* الخط الغامق (الأسود العريض)، ونستخدم له الوسوم التالية:
<B> ... </B>
<STRONG> ... </STRONG>
<B> sarek </B>This is sarek <STRONG> ******* </STRONG>This is ******* باقى الامثله سنكملها باسمائها للتسهيل
* الخط المائل
<I> ... </I>
<EM> ... </EM>
<I> Italic Text </I>This is Italic Text <EM> Emphasized Text </EM>This is Emphasized Text
* الخط المسطر
<U> ... </U>
<U> Undelined Text </U>This is Undelined Text
* الخط المرتفع
<SUP> ... </SUP>
<SUP> Super****** Text </SUP>This is Super****** Text
* الخط المنخفض
<SUB> ... </SUB>
<SUB> Sub****** Text </SUB>This is Sub****** Text
* خط كبير
<BIG> ... </BIG>
<BIG> Big Text </BIG>This is Big Text
* خط صغير
<SMALL> ... </SMALL>
<SMALL> Small Text </SMALL>This is Small Text
* نص يعترضه خط
<STRIKE> ... </STRIKE>
<S> ... </S>
<STRIKE> Striked Text </SRTIKE>This is Striked Text <S> Striked Text </S>This is Striked Text too
* نص الآلة الطابعة TeleType
<TT> ... </TT>
<TT> TeleType Text </TT>This is TeleType Text
وهو ما يعرف بالنص موحَد المسافات Monospaced Text. فمثلا:
إذا أخذنا الحرفين m,i وكتبنا كل منهما عشر مرات متتالية نلاحظ أن المساحة التي شغلها الحرف m هي أضعاف المساحة التي شغلها الحرف i
iiiiiiiiii
mmmmmmmmmm
أما عند استخدام الوسم <TT> ... </TT> فإن المساحة التي يشغلها كلا الحرفين تصبح موحدة
iiiiiiiiii
mmmmmmmmmm
وهذه أمثلة تجمع بين عدة تنسيقات معاً:
<B><I><U>
******* home
</U> </I> </B>
******* home
<FONT COLOR="#FF0000" SIZE="+3"><U><I>
egypt
</I> </U> </FONT>
egypt
اى انه يمكن استخدام اكثر من وسم فى المره الواحده... لكن
عند استخدام الوسوم المتعددة في مقطع واحد يجب مراعاة عدم التداخل بينها!... كيف؟ أنظر إلى الرسم التالي:
http://www2.0zz0.com/2007/09/28/21/78555298.gif
فكتابة الوسوم السابقة بالطرق التالية هو خطأ:
<B><I><U>
This is a Bold, Italic and Underlined Text
</B> </I> </U>
<B><I><U>
This is a Bold, Italic and Underlined Text
</B> </U> </I>
واللى هيقول ان انا غلطان وانه جربها ونفعت اقوله جربتها على كام وسم
يفتح فمه ويقول وسمين
ييجى غيره ويقول 5
طيب تخيلوا لو صفحه نت فيها مئات او الاف الاوسمه
تحدث لخبطه صح
الان صار شكلكم كده والاه لسه ههههههههههههه
لذلك فأهمية أن تتجنب وجود الوسوم المتداخلة في صفحتك هو بنفس الأهمية التي يجب أن توليها لكتابة هذه الوسوم بالصورة الصحيحة إملائياً. وإلا فالمتصفحات لا ترحم. وكثيرة هي المرات التي حصل فيها المصممون على صفحات منهارة بسبب نسيان حرف واحد أو إشارة مثل < أو > أو "
بإختصار شديد... وكقاعدة أساسية، الصفحة المصممة جيداً هي الصفحة ذات الوسوم الصحيحة وغير المتداخلة.
وصلنا الآن إلى نهاية هذا الدرس. أتمنى أن تكون قد قضيت وقتاً ممتعاً معه. وأن لا يكون قد أحدث تداخلاً في وسوم أفكارك.
:1 (129):