• اخر المشاركات

الدرس الثاني في HTML

الدرس الثاني في HTML

مشاركةبواسطة Eng. Raghed Fahoom في الخميس ديسمبر 20, 2007 6:10 am

الدرس الثاني في HTML خاص بالخط وخواصه

الوسم الأول الخاص بالخطوط هو <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>

مثال على ذلك :
<FONT FACE="arial" SIZE="6" COLOR="#FF0000">
This font is Arial, Size is 6, Color is Red
<‎/FONT>

ويمكن أيضاً كتابة جملة وكل كلمة بخط ولون مختلف عن الآخر
مثلاً لو أردنا كتابة الجملة التالية
This is multi colors, multi faces, and multi sizes text
فسوف يكون الكود على الشكل التالي :
<FONT FACE="Arial" SIZE="5" COLOR="#00FF00"> This <‎/FONT>
<FONT FACE="Times New Roman" SIZE="7" COLOR="#FF00FF"> is <‎/FONT>
<FONT FACE="Arial" SIZE="2" COLOR="#FF0000"> multi <‎/FONT>
<FONT FACE="Impact" SIZE="4" COLOR="#000000"> colors, <‎/FONT>
<FONT FACE="Courier" SIZE="2" COLOR="#0000FF"> multi <‎/FONT>
<FONT FACE="Times New Roman" SIZE="3" COLOR="#008080"> faces, <‎/FONT>
<FONT FACE="Courier" SIZE="6" COLOR="#FFFF00"> and <‎/FONT>
<FONT FACE="Arial" SIZE="5" COLOR="#808080"> multi <‎/FONT>
<FONT FACE="Impact" SIZE="2" COLOR="#800000"> sizes <‎/FONT>
<FONT FACE="Times New Roman" SIZE="7" COLOR="#00FFFF"> text <‎/FONT>

وكذلك بالنسبة لكلمة واحدة نريد أن نكتب كل حرف بلون
مثال كلمة COLORS فسوف يكون الكود على الشكل التالي :
<FONT FACE="Impact" SIZE="6" COLOR="#000000">C <‎/FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#008080">O<‎/FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF0000">L<‎/FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#0000FF">O<‎/FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#800000">R<‎/FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF00FF">S<‎/FONT>

ننتقل الآن إلى الوسم الثاني من الوسوم الخاصة بالخطوط وهو <BASEFONT>.
وعمله هو تحديد نوع الخط وخصائصه بالنسبة للصفحة كلها . أي أنه يقوم بتعريف نوع الخط الأساسي الذي سيستخدم في الصفحة من بدايتها إلى نهايتها ويحدد لونه وحجمه.
ملاحظة : هذا الوسم لا يحتاج إلى وسم نهاية
هذا الوسم يكتب عادة في أول الملف، ويفضل مباشرة بعد وسم <BODY>. أما الخصائص المستخدمة معه فهي نفس الخصائص سالفة الذكر مع <FONT> ، (نستطيع استخدام الخاصية Name معه بدلاً من Face). وبنفس الطريقة وبدون أي اختلافات

مثال :
<BASEFONT Name="Arial" COLOR="#FF0000" SIZE="5">

في الدرس السابق تكلمنا عن الخاصية Text التي تكتب مع الوسم <Body> والتي استخدمناها لتحديد لون نص الصفحة
لا يوجد تعارض بين هذه الخاصية وخاصية Color في الوسم <BASEFONT> فأنت بكل بساطة تستطيع استخدام أي منهما في صفحتك. وإذا حدث واستخدمت كلاهما فإن اللون المحدد مع الوسم <BASEFONT> هو الذي سيطبقه المتصفح ويعتمده.

ملاحظة : يوجد دائماً أكثر من طريقة لأداء نفس العمل


هناك وسوم خاصة تستخدم لتمييز العناوين 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>


ونأتي الآن إلى التنسيقات والتأثيرات التي يمكن إضافتها إلى النصوص :
* الخط الغامق (الأسود العريض)، ونستخدم له الوسوم التالية:
<B> Bold Text <‎/B>
<STRONG> Strong Text <‎/STRONG>

* الخط المائل :
<I> Italic Text <‎/I>
<EM> Emphasized Text <‎/EM>

* الخط المسطر :
<U> Undelined Text <‎/U>

* الخط المرتفع : هذه الخاصية تجل الجملة أو الكلمة المطبقة عليها فوق مستوى الكلام المكتوب بقليل
<SUP> Superscript Text <‎/SUP>

* الخط المنخفض : عكس الخاصة السابقة
<SUB> Subscript Text <‎/SUB>

* خط كبير :
<BIG> Big Text </BIG>

* خط صغير :
<SMALL> Small Text <‎/SMALL>

* نص يعترضه خط : خط يقطع الكلام في منتصفه
<STRIKE> Striked Text <‎/SRTIKE>
<S> Striked Text <‎/S>

* نص الآلة الكاتبة : يظهر النص وكأنه مكتوب على الآلة الكاتبة
<TT> TeleType Text <‎/TT>
إذا بلغت القمة فوجه نظرك إلى السفح لترى من عاونك في الصعود إليها وانظر إلى السماء ليثبت الله أقدامك عليها...
^^*^^
وإذا أصيب القوم في أخلاقهم ,,, فأقم عليهم مأتماً وعويلا ....
^^*^^
My WebSite
http://www.raghed.com
^^*^^
صورة العضو
Eng. Raghed Fahoom
Webmaster
Webmaster
 
مشاركات: 1034
اشترك في: الأحد ديسمبر 05, 2004 3:07 am

العودة إلى دروس في ال HTML

المتواجدون الآن

المستخدمون المتصفحون لهذا المنتدى: لا يوجد أعضاء مسجلين متصلين و 1 زائر