الملاحظات

قديم 30-05-2010, 05:40 PM   #1
؛ أحمد ؛
أبو مريم
و عبد الرحمن


الصورة الرمزية ؛ أحمد ؛
؛ أحمد ؛ غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 557
 تاريخ التسجيل :  Mar 2007
 أخر زيارة : 20-03-2018 (02:48 AM)
 المشاركات : 3,454 [ + ]
 التقييم :  84
 الدولهـ
Egypt
 الجنس ~
Male
لوني المفضل : Silver
افتراضي الدرس السابع من دورة html تنسيق الخطوط



تنسيق الخطوط:
توجد ثلاثة عناصر أساسية في تنسيق النصوص وهي حجم الخط ونوع الخط ولون الخط ونستخدمها مع أمر البداية <font> وأمر الإنهاء </font>
أولا : حجم الخط:
يمكن تغيير حجم الخط باستخدام قيمة من 1 إلى 7 وتكون الصيغة كالتالي

كود:
<font size = ?> **** </font>
حيث علامة الاستفهام نعوض عنها بالقيمة المطلوبة للحجم و **** نعوض عنها بالنص المطلوب عرضه
مثال:
افتح برنامج المفكرة واكتب الكود التالي:
كود:
 
<html>
<body>
<font size = 1> Font Size Test </font><br>
<font size = 2> Font Size Test </font><br>
<font size = 3> Font Size Test </font><br>
<font size = 4> Font Size Test </font><br>
<font size = 5> Font Size Test </font><br>
<font size = 6> Font Size Test </font><br>
<font size = 7> Font Size Test </font>
</body>
</html>
احفظ الملف بصيغة HTML وقم بتشغيله ولاحظ النتيجة



 
 توقيع : ؛ أحمد ؛

حسابي على الفيس بوك
https://www.facebook.com/AhmedNaggar143

تابعني على تويتر
https://twitter.com/Ahmed_Naggar143

حسابي على سكايبي
ahmed.naggar143


رد مع اقتباس
قديم 30-05-2010, 05:50 PM   #2
؛ أحمد ؛
أبو مريم
و عبد الرحمن


الصورة الرمزية ؛ أحمد ؛
؛ أحمد ؛ غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 557
 تاريخ التسجيل :  Mar 2007
 أخر زيارة : 20-03-2018 (02:48 AM)
 المشاركات : 3,454 [ + ]
 التقييم :  84
 الدولهـ
Egypt
 الجنس ~
Male
لوني المفضل : Silver
افتراضي



ثانيا: نوع الخطوط:
نستطيع تغيير لون الخطوط كاستخدام الخط الأندلسي مثلا أو النسخ أو الرقعة ولعمل ذلك نستخدم الأمر

كود:
<font face = “?”> **** </font>

استخدم برنامج المفكرة واكتب الكود التالي:
كود:
<html>
<body>
<font face = "arial"> Font Face Test </font><br>
<font face = "courier"> Font Face Test </font><br>
<font face = "tahoma"> Font Face Test </font><br>
<font face = "broadway"> Font Face Test </font><br>
</body>
</html>


نفذ التطبيق وشاهد النتيجة



ويجب مراعاة ملاحظة في منتهى الأهمية وهي أن يساند الخطوط الموجودة في نظام التشغيل ويندوز الخطوط الموجودة في مستعرض الإنترنت وذلك لتلافي حدوث أي مشاكل عند عرض الصفحة للمتصفح العادي
ولمعرفة الخطوط التي يدعمها متصفح الإنترنت اتبع التالي
افتح متصفح الإنترنت ومن قائمة أدوات Tools اختر خيارات الإنترنت Internet Options ومن التبويب عام General اختر خطوط Fonts
من الشاشة التي ستظهر اختر اللغة



 
 توقيع : ؛ أحمد ؛

حسابي على الفيس بوك
https://www.facebook.com/AhmedNaggar143

تابعني على تويتر
https://twitter.com/Ahmed_Naggar143

حسابي على سكايبي
ahmed.naggar143


رد مع اقتباس
قديم 30-05-2010, 05:58 PM   #3
؛ أحمد ؛
أبو مريم
و عبد الرحمن


الصورة الرمزية ؛ أحمد ؛
؛ أحمد ؛ غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 557
 تاريخ التسجيل :  Mar 2007
 أخر زيارة : 20-03-2018 (02:48 AM)
 المشاركات : 3,454 [ + ]
 التقييم :  84
 الدولهـ
Egypt
 الجنس ~
Male
لوني المفضل : Silver
افتراضي



ثالثا: لون الخط:
يمكن التحكم في لون الخط باستخدام الأمر التالي:
<font color = ?> **** </font>

مثال:
افتح برنامج المفكرة واكتب الكود التالي:
كود:
 
<html>
<body>
<font color = red> Font Color Test </font><br>
<font color = green> Font Color Test </font><br>
<font color = blue> Font Color Test </font><br>
<font color = yellow> Font Color Test </font><br>
</body>
</html>

نفذ التطبيق وشاهد النتيجة


 
 توقيع : ؛ أحمد ؛

حسابي على الفيس بوك
https://www.facebook.com/AhmedNaggar143

تابعني على تويتر
https://twitter.com/Ahmed_Naggar143

حسابي على سكايبي
ahmed.naggar143


رد مع اقتباس


مواقع النشر (المفضلة)



الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
الدرس السادس من دورة html (عمل المحاذاة والأنماط) ؛ أحمد ؛ دروس المحترفين 1 26-03-2010 10:06 PM
فهرس دورة Html ؛ أحمد ؛ دروس المحترفين 10 11-03-2010 12:17 AM
(الدرس الخامس- Html) دروس النايف لتصميم وبرمجة المواقع (عمل الفقرات) ؛ أحمد ؛ دروس المحترفين 0 25-02-2010 10:01 PM
(الدرس الثالث - Html) دروس النايف لتصميم وبرمجة المواقع (العناوين) ؛ أحمد ؛ دروس المحترفين 1 22-02-2010 04:40 AM
(الدرس الثاني- Html) دروس النايف لتصميم وبرمجة المواقع (كتابة أول كود) ؛ أحمد ؛ دروس المحترفين 7 22-02-2010 04:36 AM





الساعة الآن 05:40 AM

Security team


سعودي كول