الموقع العربي الاول للعبة Silkroad Online - [HTML/CSS] تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( الدرس الثالث ) .

http://im61.gulfup.com/GBda5Q.png
الدرس الثالث فى لغة الـ HTML ...
http://im55.gulfup.com/QxQsXY.gif
أهلا وسهلا بكم اعضاء و زوار منتدى Silkroad4arab ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
سوف نستكمل اساسيات تنسيق الصفحة والتحكم بخصائصها فى هذا الدرس بمشيئة الله عز وجل من خلال التعرف على بعض الوسوم الجديدة التى سوف تؤدى الى ذلك .
http://im55.gulfup.com/QxQsXY.gif
سوف تلاحظ معى ان فى هذا الدرس ان هناك اكثر من طريقة لآداء نفس الوظيفة ,,
http://im55.gulfup.com/QxQsXY.gif
قم بمراجعة النموذج الذى قمنا بانشائه فى الدروس الماضية ,,

اقتباس:

المشاركة الأصلية كتبت بواسطة 3ashek El7ozn (المشاركة 5103402)

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn & Silkroad4arab Forum </BODY> </HTML>

http://im64.gulfup.com/cmlQaG.png

http://im55.gulfup.com/QxQsXY.gif

اقتباس:

المشاركة الأصلية كتبت بواسطة 3ashek El7ozn (المشاركة 5107453)

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF" BACKGROUND="image.png"> HTML Guide By 3ashek El7ozn & Silkroad4arab Forum </BODY> </HTML>

http://im65.gulfup.com/W5iwwf.png

http://im55.gulfup.com/QxQsXY.gif
سوف تلاحظ اننا لم نقم بالتعامل فيها مع الخطوط باى شكل من الاشكال فهى بالطبع سوف تظهر باعداتها الافتراضية ,,
والإعدادات الافتراضية هي خط عادي نوعه Times New Roman وحجمه 3 ( بمقياس متصفحات الإنترنت ) .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
اذن نستنتج من تلك المقدمة اننا سوف نتحدث فى درس اليوم عن الخطوط ,,
http://im55.gulfup.com/QxQsXY.gif
حيث ,,>>

كود بلغة HTML:

______

هو الوسم الخاص باعدادات الخط من حيث النوع واللون والحجم .
http://im55.gulfup.com/QxQsXY.gif
الخصائص التي نستخدمها مع هذا الوسم والوسوم الأخرى للخطوط ,,
تابع معى >>

كود بلغة HTML:

‎ HTML Guide By 3ashek El7ozn & Silkroad4arab Forum <‎/FONT>

تقوم هذه الخاصية بتحديد نوع الخط الذي نريده وقد نقوم بتحديد أكثر من نوع معاً , وفي هذه الحالة إذا لم يتواجد الخط المحدد أولاً على جهاز الشخص الذي يتصفح الموقع يتم إعتماد الخط الثاني .... وهكذا .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ملحوظة :-
يجب ان تتأكد من كتابة أسماء الخطوط بالصورة الصحيحة هجائياً .
http://im55.gulfup.com/QxQsXY.gif

كود بلغة HTML:

‎ HTML Guide By 3ashek El7ozn & Silkroad4arab Forum <‎/FONT>

وقد قمنا بشرحها سابقا فى تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( الدرس الثانى ) .
http://im55.gulfup.com/QxQsXY.gif

كود بلغة HTML:

‎ HTML Guide By 3ashek El7ozn & Silkroad4arab Forum <‎/FONT>

وتقوم هذه الخاصية بتحديد حجم الخط الذى نستخدمه .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
حيث هناك 7 أحجام لأي خط تستطيع المتصفحات التعرف عليها .
i!i!i!i!i!i!i!i!i!i!i!i!
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum

كود بلغة HTML:

HTML Guide By 3ashek El7ozn & Silkroad4arab Forum<‎/FONT>

http://im55.gulfup.com/QxQsXY.gif
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum

كود بلغة HTML:

HTML Guide By 3ashek El7ozn & Silkroad4arab Forum<‎/FONT>

http://im55.gulfup.com/QxQsXY.gif
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum

كود بلغة HTML:

HTML Guide By 3ashek El7ozn & Silkroad4arab Forum<‎/FONT>

حيث يعتبر هذا الحجم هو الإفتراضى لجميع صفحات الانترنت فى حالة عدم اختيار اعدادات مخصصة .
http://im55.gulfup.com/QxQsXY.gif
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum

كود بلغة HTML:

HTML Guide By 3ashek El7ozn & Silkroad4arab Forum<‎/FONT>

http://im55.gulfup.com/QxQsXY.gif
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum

كود بلغة HTML:

HTML Guide By 3ashek El7ozn & Silkroad4arab Forum<‎/FONT>

http://im55.gulfup.com/QxQsXY.gif
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum

كود بلغة HTML:

HTML Guide By 3ashek El7ozn & Silkroad4arab Forum<‎/FONT>

http://im55.gulfup.com/QxQsXY.gif
HTML Guide By 3ashek El7ozn & Silkroad4arab Forum

كود بلغة HTML:

HTML Guide By 3ashek El7ozn & Silkroad4arab Forum<‎/FONT>

*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
كما ان هناك اسلوبان يمكنك اتباعهما فى تحديد حجم الخط ,,
اولهما الاسلوب المباشر كما سبق شرحه فى هذا الدرس ,,

كود بلغة HTML:

HTML Guide By 3ashek El7ozn & Silkroad4arab Forum<‎/FONT>

اما الثانى فـ هو الاسلوب النسبى وهو يعتمد على الأرقام من 1 الى 6 مضاف اليها الإشارة + او - بالنسبة للحجم الافتراضى ( 3 ) .
بمعنى انه اذا قمت بكتابة +4 فمعنى هذا الحجم اننى اطلب من المتصفح ان يعرض حجم الخط بمقدار يزيد عن الحجم الطبيعى بمقدار 4 درجات اى يصبح 7 .

كود بلغة HTML:

‎ HTML Guide By 3ashek El7ozn & Silkroad4arab Forum <‎/FONT>

*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ملحوظة :-
حتى فى الاسلوب النسبى لا يمكنك ان تتعدى الحجم 7 واذا حاولت ان تزيد مقدار الخط سوف يتم تقليصه تلقائيا الى 7 او +4 .
http://im55.gulfup.com/QxQsXY.gif
وياتى السؤال الذى يشغل بال المتابعين للدرس ,,
ما فائدة الاسلوب النسبى ؟؟
وانا ساجيبك بسؤال اخر !!
ماذا لو قمنا بتغير الحجم الافتراضى للخط فى صفحتنا بدلا من 3 الى 7 مثلا !!
الن تحتاج الى الدرجات من -1 الى -6 ؟
وماذا لو قمنا بتغير الحجم الافتراضى للخط فى صفحتنا بدلا من 3 الى 1 مثلا !!
الن تحتاج الى الدرجات من +1 الى +6 ؟
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
اعتقد ان اجابتى مقنعة ..
http://im55.gulfup.com/QxQsXY.gif
والآن دعونا نرى بعض الامثلة على ما سبق شرحه ,,
قم بتطبيق الشرح ولا تقم بنسخ الكود ..

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,
http://im74.gulfup.com/34zp1z.png

http://im55.gulfup.com/QxQsXY.gif

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,
http://im46.gulfup.com/31wh4r.png
http://im55.gulfup.com/QxQsXY.gif
ولنا فى تكملة هذا الدرس لقاء اخر باذن الله ,,
وفى النهاية
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
هذا عمل بشري ,, لا يخلوا من الأخطاء , فإن أصبت فمن الله .. وإن أخطأت فمني ومن الشيطان .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وعند النقل يرجى ذكر المصدر
دمتم بود
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**
http://im54.gulfup.com/Zz30Un.png