لدرس الثالث : تغيير لون النص

بسم الله الرحمن الرحيم 

سندرس في هذا الموضوع وسمي تغيير لون النص وخلفية الصفحه 

سنبدأ بوسم تغيير لون خط النص 

وسنستخدم له الكودين التاليين 

الكود الأول للالوان الأساسيه وهو بكتابة اسم اللون فقط 

كود:
<font color="name color" > Text </font>

مثال ذلك 

كود:
<font color="red" >hackber.blogspot.com</font>




الكود الثاني للألوان اللا نهائيه وهي بكتابة رقم الكود الخاص بها


كود:
<font color="Code Color" > Text </font>

مثال ذلك 

كود:
<font color="#C7CFAC" >hackber.blogspot.com</font>
حيث # أساسيه بكود الالوان

سنقوم الآن بتطبيق الدرس على أحد الأمثله فلنتابع سوياً :

س/ قم بعمل صفحة خاصة بك وأدرج ما يلي بها :

1 - عنوان للصفحه خاص بك

2 - رسالة في الصفحه تظهر للزائر ترحب به وتكون على النحو التالي :






أ - خط عريض وحجم الخط به 36 بكسل 

ب - لون الخط يكون أخف درجات اللون الوردي

جـ - توسيط الكتابه


الجواب /

كود:
 
<html dir="rtl">

<head>

<title>hackber</title>

</head>

<body>

<p align=center> <b> <font style="font-size=36px"><font color="#FFCCFF"> مرحباً بك عزيزي الزائر ... الموقع قيد التطوير </b></font></font></p>

</body>

</html>
لمعرفة أكواد الألوان راجع الرابط التالي 




لاحظ أننا كتبنا وسم الإنتهاء </font> مرتين 

الأولى الخاصه بوسم حجم الكتابه 

والثانيه الخاصه بوسم اللون .

إذا طلب منا حجم الخط اختياري أو انت تريده صغيراً مناسباً للصفحه

فإنك تستطيع تسهيل الكود عليك بوسم واحد فقط تدمج فيه حجم الخط مع اللون كالتالي 


كود:
<p align="center"><font color="#C7CFAC" size="6">hackber.blogspot.com</font></p>
إنتهى الدرس وأتمنى أن يكون سهلاً عليكم 

أي استفسارات أرحب بها في قسم 

[ اسئلة / استفسارات دورة html ]

التطبيق 

س/ قم بعمل صفحة خاصة بك وأدرج ما يلي بها :

1 - عنوان للصفحه خاص بك

2 - رسالة في الصفحه تظهر للزائر ترحب به وتكون على النحو التالي :

أ - خط عريض وحجم الخط به 44 بكسل 

ب - لون الخط يكون أغمق درجات اللون الوردي

جـ - توسيط الكتابه


أتمنى تكون الإجابه فقط بما يتضمنه السؤال دون إضافات

الى دروس اخرى انشاء الله

شاركني رأيك

صفحتنا على الفيسبوك

Flag Counter

Navigation-Menus (Do Not Edit Here!)

Social Icons

مدونات صديقة

Subscribe Via Email (Do Not Edit Here!)