jt33
08-30-2007, 08:24 PM
السلام عليكم و رحمة الله و بركاته
كيف الحال شباب اليوم إن شاء الله بخير
نستكمل اليوم إن شاء الله دورة الـ Html بالدرس الثاني الذي خصصته
لتنسيق وترتيب الصفحة والتأثيرات الخاصة بالنصوص !!
نبدأ على بركة الله
كما هو معلوم في البداية الوسوم التي سنتعلمها ممكن أن توضع في مكانين
الـ head أو الـ Body وهذا حسب الحاجة طبعاً
أو حتى خارجها لكن غالباً ما تكون بداخلها
1 - خيارات تحديد مكان النص أو Alignment
الوسم <p/> <"..."=p align> هو المسؤول عن وضعية النص
وهنا طبعاً نضع بين القوسين مكان الثلاث النقاط
إما Cenetr أو left أو Right حسب الطلب في
أن يكون النص في المنصف أو على اليمين أو على الشمال وهكذا ..
2 - التأثيرات على الخطوط
كما تعلمون هناك العديد من من الأكواد التي تهتم بالنص ونذكر منها هنا
<B>...</B> وهي للخط الكبير Bold
<I>...</I> وهي للخطي المائل Italic
<U>...</U> وهي للكلام الي تحته خط Underline
<Sup>...</Sup> للخط المرتفع عن السطر
<Sub>...</Sub> للخط المنخفض عن السطر
وهذه صورة للتوضيح مع الأمثلة
[Link nur für registrierte Benutzer sichtbar]
ومن جهة أخرى هناك وسم مهمته خصائص الخطوط
من لون الخط وشكله وحجمه .. وهو
<FONT> ... </FONT>
حيث تتفرع منه بعض الوسوم وهي
Face = وهي لإختيار نوع الخط وشكلها يكون
<FONT Face ="..."> ------------- </FONT>
Color = وهي لإختيار لون الخط وشكلها يكون
<FONT Color ="..."> ------------- </FONT>
Size = وهي لإختيار حجم للخط علماً بأنه لا يوجد أكثر من
سبعة أحجام للخطوط كما يتقبلها المتصفح وشكلها يكون
<FONT Size ="..."> ------------- </FONT>
ممكن واحد يقلي معقولة كل ما بدي أكتب جملة بدي أكتب كل هول !!!
بالطبع لا أخي يمكنك دمج كل هذه الوسوف في وسم واحد
ونأخذ صورة للتوضيح
[Link nur für registrierte Benutzer sichtbar]
3 - وسوم خاصة بالعنوان
هناك وسوم خاصة بالعنوناوين Headings تساعد على تمييزيها عن غيرها
من النصوص داخل الصفحة حيث يوجد ستة أنواع منها
<H1>...</H1>
<H2>...</H2>
<H3>...</H3>
<H4>...</H4>
<H5>...</H5>
<H6>...</H6>
وهي بسيطة جداً كما تلاحظون فقط ضع الجملة داخل الوسم
مكان الثلاث النقاط
إن شاء الله يكون مفهوم
سأكتفي بهذا القدر إن شاء الله وأفتح المجال للأسئلة
تحياتي وتقديري للجميع
والسلام عليكم و رحمة الله و بركاته
كيف الحال شباب اليوم إن شاء الله بخير
نستكمل اليوم إن شاء الله دورة الـ Html بالدرس الثاني الذي خصصته
لتنسيق وترتيب الصفحة والتأثيرات الخاصة بالنصوص !!
نبدأ على بركة الله
كما هو معلوم في البداية الوسوم التي سنتعلمها ممكن أن توضع في مكانين
الـ head أو الـ Body وهذا حسب الحاجة طبعاً
أو حتى خارجها لكن غالباً ما تكون بداخلها
1 - خيارات تحديد مكان النص أو Alignment
الوسم <p/> <"..."=p align> هو المسؤول عن وضعية النص
وهنا طبعاً نضع بين القوسين مكان الثلاث النقاط
إما Cenetr أو left أو Right حسب الطلب في
أن يكون النص في المنصف أو على اليمين أو على الشمال وهكذا ..
2 - التأثيرات على الخطوط
كما تعلمون هناك العديد من من الأكواد التي تهتم بالنص ونذكر منها هنا
<B>...</B> وهي للخط الكبير Bold
<I>...</I> وهي للخطي المائل Italic
<U>...</U> وهي للكلام الي تحته خط Underline
<Sup>...</Sup> للخط المرتفع عن السطر
<Sub>...</Sub> للخط المنخفض عن السطر
وهذه صورة للتوضيح مع الأمثلة
[Link nur für registrierte Benutzer sichtbar]
ومن جهة أخرى هناك وسم مهمته خصائص الخطوط
من لون الخط وشكله وحجمه .. وهو
<FONT> ... </FONT>
حيث تتفرع منه بعض الوسوم وهي
Face = وهي لإختيار نوع الخط وشكلها يكون
<FONT Face ="..."> ------------- </FONT>
Color = وهي لإختيار لون الخط وشكلها يكون
<FONT Color ="..."> ------------- </FONT>
Size = وهي لإختيار حجم للخط علماً بأنه لا يوجد أكثر من
سبعة أحجام للخطوط كما يتقبلها المتصفح وشكلها يكون
<FONT Size ="..."> ------------- </FONT>
ممكن واحد يقلي معقولة كل ما بدي أكتب جملة بدي أكتب كل هول !!!
بالطبع لا أخي يمكنك دمج كل هذه الوسوف في وسم واحد
ونأخذ صورة للتوضيح
[Link nur für registrierte Benutzer sichtbar]
3 - وسوم خاصة بالعنوان
هناك وسوم خاصة بالعنوناوين Headings تساعد على تمييزيها عن غيرها
من النصوص داخل الصفحة حيث يوجد ستة أنواع منها
<H1>...</H1>
<H2>...</H2>
<H3>...</H3>
<H4>...</H4>
<H5>...</H5>
<H6>...</H6>
وهي بسيطة جداً كما تلاحظون فقط ضع الجملة داخل الوسم
مكان الثلاث النقاط
إن شاء الله يكون مفهوم
سأكتفي بهذا القدر إن شاء الله وأفتح المجال للأسئلة
تحياتي وتقديري للجميع
والسلام عليكم و رحمة الله و بركاته