|
|
• الانـتـسـاب » Jun 2010
|
|
• رقـم العـضـويـة » 71305
|
|
• المشـــاركـات » 5,572
|
|
• الـدولـة » Egypt
|
|
• الـهـوايـة » <HTML>
|
|
• اسـم الـسـيـرفـر » Private Server
|
|
• الـجـنـس » Male
|
|
• نقـاط التقييم » 102
|
|
|
|
تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( الدرس الرابع ) .

الدرس الرابع فى لغة الـ HTML ...

أهلا وسهلا بكم اعضاء و زوار منتدى عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] ,,
سوف نستكمل اساسيات تنسيق الصفحة وسيكون كلامنا اليوم بالتحديد عن الفقرات والقوائم ,,
حيث اننا في هذا الدرس سوف نناقش الوسوم الخاصة بالفقرات بشكل خاص وترتيب الصفحات وتنسيقها بشكل عام .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
كنا قد قمنا بشرح بعض اساسيات التنسيق فى الدروس الماضية ,,

عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
*-.-**-.-**-.-**-.-**-.-**-.-*
عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
*-.-**-.-**-.-**-.-**-.-**-.-*
عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
*-.-**-.-*
عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
*-.-**-.-**-.-**-.-**-.-**-.-*
عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]
*-.-**-.-*
عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]

كنا قد قمنا بسرد بعض الوسوم الخاصة بترتيب القوائم والفقرات فى عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ] اذا كنت تتذكرها فهى ....
الوسم <P> و الوسم <BR> و الوسم
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وسوف نتناول فى هذا الدرس الشرح المفصل لكل منهم ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
بالنسبة للوسم <P> فيمكن استخدامه بصورة مزدوجة اى له بداية ونهائى كـ <P>___</P> ويمكن استخدامه لتحديد اتجاه الفقرة او اتجاه النص حيث يستخدم معه الخاصية ALIGN والتى تحدد محاذاة الفقرة وهي تأخذ القيم Left ~ Center ~ Right .

دعونا نرى مثالا حيا على هذا الكلام ,,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
| |
<HTML>
<HEAD>
<TITLE>My First HTML Page</TITLE>
</HEAD>
<BODY>
<P Align="Left">HTML Guide By 3ashek El7ozn Silkroad4arab Forum</P>
</FONT>
</BODY>
</HTML>
| النتيجة ,,


| |
<HTML>
<HEAD>
<TITLE>My First HTML Page</TITLE>
</HEAD>
<BODY>
<P Align="Center">HTML Guide By 3ashek El7ozn Silkroad4arab Forum</P>
</FONT>
</BODY>
</HTML>
| النتيجة ,,


| |
<HTML>
<HEAD>
<TITLE>My First HTML Page</TITLE>
</HEAD>
<BODY>
<P Align="Right">HTML Guide By 3ashek El7ozn Silkroad4arab Forum</P>
</FONT>
</BODY>
</HTML>
| النتيجة ,,


كما يستخدم ايضا الوسمين <CENTER>___</CENTER> لتوسيط الفقرات هكذا >>
| |
<HTML>
<HEAD>
<TITLE>My First HTML Page</TITLE>
</HEAD>
<BODY>
<CENTER>HTML Guide By 3ashek El7ozn Silkroad4arab Forum</CENTER>
</FONT>
</BODY>
</HTML>
| النتيجة ,,

*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ناتى لشاطر اخر الا وهو الخاصية DIR نستخدمها أيضاً مع <P> و تقوم بتحديد إتجاه قراءة النص وتأخذ القيم ,,
LTR وتعنى Left To Right ..
RTL وتعنى Right To Left ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
كما يمكنك ايضا استخدام خاصية الاقتباس لتنسيق الفقرات او بمعنى اكثر وضوحا الوسمين <BLOCKQUOTE>___</BLOCKQUOTE> ,,
وهو يقوم بإدراج مسافة إضافية على الهامشين الأيمن والأيسر , دعونا نرى مثال ..
| |
<HTML>
<HEAD>
<TITLE>My First HTML Page</TITLE>
</HEAD>
<BODY>
HTML Guide
<BLOCKQUOTE>By 3ashek El7ozn Silkroad4arab Forum</BLOCKQUOTE>
HTML Guide
<BLOCKQUOTE>By 3ashek El7ozn Silkroad4arab Forum</BLOCKQUOTE>
HTML Guide
<BLOCKQUOTE>By 3ashek El7ozn Silkroad4arab Forum</BLOCKQUOTE>
</FONT>
</BODY>
</HTML>
| النتيجة ,,


والى هنا اكون قد انتهيت من الفقرات اليوم ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
القاكم فى الجزء الثانى للدرس وهو القوائم

وفى النهاية
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
هذا عمل بشري ,, لا يخلوا من الأخطاء , فإن أصبت فمن الله .. وإن أخطأت فمني ومن الشيطان .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وعند النقل يرجى ذكر المصدر
دمتم بود
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*

|