الدرس الثالث : تنسيق صفحة الويب .

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

اليوم سنتعلم كيفية تنسيق صفحة الويب من ناحية الخطوط أو الخلفية وسنعرض بعض بعض الاشكال في لغة html .

أولا : تحديد لون خلفية الصفحة و اتجاه الكتابة بها .

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

1. (background:style-color ) : هذا الوسم يستخدم لتحديد لون خلفية الصفحة .

اليكم بعض الالوان لكي نستخدمها في لغة html .

اسم اللون	رمز اللون
green	#00ff00
black	#000000
blue	#0000ff
red	#ff0000
yellow	#ffff00
orange	#f78f1e
brown	#5344226
white	#ffffff

مثال : باستخدام الرموز .

مثال : باستخدام أسم اللون .

سوف تظهر نفس النتيجة .

ملاحظة : يمكننا التعويض برمز اللون بدلا من اسمه والعكس صحيح .

ثانيا : ("body:dir="rtl) أو ("body:dir="ltr) : هذا الوسم يستخدم لتحديد اتجاه النص من اليمين الى اليسار (rtl) أو من اليسار الى اليمين (ltr) .

مثال : من اليمين الى اليسار .

مثال : من اليسار الى اليمين .

ثالثا : الخطوط .

1- لون الخط (color) :

هنالك الآلاف من الالوان في لغة html يمكننا أستخدامها في تلوين الخطوط باستخدام هذا الوسم ("اللون:p style="color) .

مثال :

2- محاذاة النص : يمكننا تحديد محاذاة للنص ( يمين , يسار , منتصف ) و ذلك باستخدام هذا الوسم ("________:p style="text-align) يمكننا وضع احدا الثلاث خيارات (center , left , right ) في الفراغ .

مثال :

3- حجم الخط : هنالك اعداد لانهائية من احجام الخطوط باستخدام هذا الوسم يمكننا تطبيقها على اللغة (p style="font-size:40px) يحديد حجم اللخط باستخدام (px) .

مثال :

4- تلوين خلفية الخط : يمكننا ان نضع لون لخلفية الفقرة باستخدام هذا الوسم ("اي لون :p style="background-color) .

مثال :

5- نوع الخط : هنالك كثير من أنواع الخطوط مثل(verdana , tahoma , arial ) يمكننا أن نكتب هذه العائلات باستخدام ("______:p style="font-family) .

مثال : سوف نستخدم هذه العائلة (cooper black) .

6 -أمور أخرى :

الوسم	الوظيفة	تطبيق على الوسم
sup	جعل النص علويا	^{this is the}text
sub	جعل النص سفليا	_thisis the text
mark	تحديد النص	this is thetext
del	جعل النص عليه خط	~~this is the~~ text
small	جعل النص صغيرا	this is the text

ملاحظة : يمكننا اضافة الكثير من الامور على الفقرة الواحدة كالمثال السابق أضفنا اللون الاحمر ومحاذاة النص في المنتصف وذلك باضافة رمز (;) بعد ةكل أمر الى الامر الاخير .

رابعا : الرموز .