::.:: دورة لغة html ::.:: < الدرس مفصل الثاني >

[romaissa]

http://www.dzbatna.com/images/icons/iconrote.gif ::.:: ط¯ظˆط±ط© ظ„ط؛ط© html ::.:: < ط§ظ„ط¯ط±ط³ ط§ظ„ط«ط§ظ†ظٹ > (http://www.dzbatna.com/t914232/)



السلام عليكم ورحمة الله وبركاته

الأن نبدأ في الجد شوي

:: لون وحجم ونوع الخط ::

أولا :: لون الخط ::

وفي هذا المثال سنستخدم الوسم <font>

أما باسم اللون :: مثل Red - Blue - Green - Lime - Fuchsia - Aqua


رمز Code:
<font color = &quot;red&quot; > منتديات ديزاد باتنة لون أحمر </font>
وتكون النتيجة ::

منتديات ديزاد باتنة لون أحمر

أو بكود code اللون ::

http://upload.dzbatna.net/upfiles/hgc47619.jpg (http://upload.dzbatna.net/)

رمز Code:
<font color = &quot;#0000FF&quot; > منتديات ديزاد باتنة لون أزرق </font>
وتكون النتيجة ::

منتديات ديزاد باتنة لون أزرق


لاحظوا يا جماعة
يجب وضع هذا الرمز # قبل كل كود code ون لأن متصفحات الانترنت لا تدعم هذا الكود code FF0000
لا يقوم بترجمته سوى متصفح Internet explorer

وستجدوا في المرفقات أسماء معظم الألوان وأكوادها بإذن الله

ثانياً :: نوع الخط

بأستخدام هذا الوسم

رمز Code:
<font face=&quot;Tahoma&quot; >منتديات ديزاد باتنة </font>
وتكون هذه النتيجه

منتديات ديزاد باتنة

ثالثاً :: حجم الخط

لدينا هنا أكثر من طريقة في تحجيم الخط ::


أولا :: أستخدام الوسم <font> و لدينا 7 نقاط للتحجيم

رمز Code:
<font size = &quot;1&quot; > منتديات ديزاد باتنة 1 </font><br> <font size = &quot;2&quot; > منتديات ديزاد باتنة 2 </font><br> <font size = &quot;3&quot; > منتديات ديزاد باتنة 3 </font><br> <font size = &quot;4&quot; > منتديات ديزاد باتنة 4 </font><br> <font size = &quot;5&quot; > منتديات ديزاد باتنة 5 </font><br> <font size = &quot;6&quot; > منتديات ديزاد باتنة 6 </font><br> <font size = &quot;7&quot; > منتديات ديزاد باتنة 7 </font><br>
وتكون هذه النتيجه ..

منتديات ديزاد باتنة 1
منتديات ديزاد باتنة 2
منتديات ديزاد باتنة 3
منتديات ديزاد باتنة 4
منتديات ديزاد باتنة 5
منتديات ديزاد باتنة 6
منتديات ديزاد باتنة 7

ثانيا :: أستخدام الوسم <h> ويسمى بوسم الرأس header وله 6 مستويات ..




رمز Code:
<h1>منتديات ديزاد باتنة </h1> <h2>منتديات ديزاد باتنة </h2> <h3>منتديات ديزاد باتنة</h3> <h4>منتديات ديزاد باتنة</h4> <h5>منتديات ديزاد باتنة </h5> <h6>منتديات ديزاد باتنة </h6>
وتكون هذه النتيجه ..

منتديات ديزاد باتنة
منتديات ديزاد باتنة
منتديات ديزاد باتنة
منتديات ديزاد باتنة
منتديات ديزاد باتنة
منتديات ديزاد باتنة
منتديات ديزاد باتنة


ثالثا :: أستخدام تصغير أو تكبير الخط الأساسي

يمكننا جعل حجم ولون ونوع للخط كخط أساسي للصفحة باستخدام هذا الوسم <basefont>
وهذا الوسم في الحقيقة يمكن أن تستخدم فيه وسم لإغلاقه إذا كنت تريده على جزء معين من الصفحة <basefont/>
أو أنك تتركه بدون وسم الإغلاق لكي يعمل على صفحة الويب بأكملها

رمز Code:
< basefont size = &quot;3&quot; color = &quot;red&quot; face = &quot;Times New Roman&quot;>

وبعد جعل حجم أساسي للصفحة يمكننا استخدام وسوم أخرى
لدينا هنا الحجم الأساسي للصفحة هي 3 كما استخدمناها في الأعلى بأستخدام الوسم <basefont>
فيمكننا أن نقوم بتكبير الخط بمقدار+1 أو +2 أو +3 أو +4 أو نقوم بتقليله بمقدار-1 أو -2

فلدينا 7 نقاط فقط يمكننا التحويل بينهم
وحتى إذا وضعت اكبر من 7 أو أصغر من 1 فلن يجدي نفعا ..

رمز Code:
<font size=&quot;+1&quot;>منتديات ديزاد باتنة4 </font><br> <font size=&quot;+2&quot;>منتديات ديزاد باتنة5 </font><br> <font size=&quot;+3&quot;>منتديات ديزاد باتنة6 </font><br> <font size=&quot;+4&quot;>منتديات ديزاد باتنة7 </font><br> أو <big> منتديات ديزاد باتنة4 </big><br> <big><big>معهدديزاد باتنة5 </big></big><br> <big><big><big>منتديات ديزاد باتنة6 </big></big></big><br> <big><big><big><big>منتديات ديزاد باتنة7 </big></big></big></big><br>

لتصبح كذا ..

منتديات ديزاد باتنة 1
منتديات ديزاد باتنة 2
منتديات ديزاد باتنة 3
منتديات ديزاد باتنة 4

ومثال للتصغير ..

رمز Code:
<font size=&quot;-1&quot;>منتديات ديزاد باتنة 2 </font><br> <font size=&quot;-2&quot;>منتديات ديزاد باتنة 1 </font><br> أو <small> منتديات ديزاد باتنة 2 </small><br> <small><small> منتديات ديزاد باتنة1 </small></small><br>
لتصبح كذا ..

منتديات ديزاد باتنة 2
منتديات ديزاد باتنة1

وهذا مثال على الثلاثة معا ..

رمز Code:
<font color= &quot;red&quot; size= &quot;4&quot; face=&quot;Tahoma&quot;> معهد ديزاد باتنة </font>

لتكون ...

منتديات ديزاد باتنة

ولعلي أجد كثييير من الأعضاء يقرأون الدروس وينسوها بعد ذلك لأنهم لم يطبقوا على الدرس مفصل

وأيضا كثييير من المنتديات التي تضع الدروس ولا تهتم بالتطبيقات

فلذلك ::


وضعت لكم هذه الأسئلة البسيطة لكي تساعدكم على فهم الدرس مفصل و أتمنى أنكم تجاوبوها ::


ما هي الوسوم المستخدمة في تحجيم الخط ؟

ما هو الوسم المستخدم في تلوين الخط ؟ وهناك طريقتان في التلوين أذكرهم ؟

ما هو الوسم المستخدم في تنسيق نوع الخط ؟


انتهى الدرس مفصل الثاني ..

تعبت في الشرح طريقة ارجوا التقييم ..







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)


الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif أكواد الألوان.zip (http://www.traidnt.net/vb/attachments/277046d1216946450-أكواد-الألوان.zip) (4.9 كيلوبايت, عدد مرات المشاهدة 26 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©