الموقع العربي الاول للعبة Silkroad Online - [HTML/CSS] تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( الدرس الرابع ) .

http://im61.gulfup.com/GBda5Q.png
الدرس الرابع فى لغة الـ HTML ...
http://im55.gulfup.com/QxQsXY.gif
أهلا وسهلا بكم اعضاء و زوار منتدى Silkroad4arab ,,
سوف نستكمل اساسيات تنسيق الصفحة وسيكون كلامنا اليوم بالتحديد عن الفقرات والقوائم ,,
حيث اننا في هذا الدرس سوف نناقش الوسوم الخاصة بالفقرات بشكل خاص وترتيب الصفحات وتنسيقها بشكل عام .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
كنا قد قمنا بشرح بعض اساسيات التنسيق فى الدروس الماضية ,,
http://im55.gulfup.com/QxQsXY.gif
تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( مقدمة ) .
*-.-**-.-**-.-**-.-**-.-**-.-*
تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( الدرس الأول ) .
*-.-**-.-**-.-**-.-**-.-**-.-*
تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( الدرس الثانى ) .
*-.-**-.-*
تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( تابع للدرس الثانى ) .
*-.-**-.-**-.-**-.-**-.-**-.-*
تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( الدرس الثالث ) .
*-.-**-.-*
تعلم HTML : دورة احتراف لغة الـ HTML من الالف الى الياء ( تابع للدرس الثالث ) .
http://im55.gulfup.com/QxQsXY.gif

كنا قد قمنا بسرد بعض الوسوم الخاصة بترتيب القوائم والفقرات فى الدرس الاول اذا كنت تتذكرها فهى ....
الوسم و الوسم و الوسم ‎ 
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وسوف نتناول فى هذا الدرس الشرح المفصل لكل منهم ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
بالنسبة للوسم فيمكن استخدامه بصورة مزدوجة اى له بداية ونهائى كـ ___ ويمكن استخدامه لتحديد اتجاه الفقرة او اتجاه النص حيث يستخدم معه الخاصية ALIGN والتى تحدد محاذاة الفقرة وهي تأخذ القيم Left ~ Center ~ Right .
http://im55.gulfup.com/QxQsXY.gif
دعونا نرى مثالا حيا على هذا الكلام ,,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,
http://im69.gulfup.com/zPHj2C.png
http://im55.gulfup.com/QxQsXY.gif

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,
http://im69.gulfup.com/vSzwag.png
http://im55.gulfup.com/QxQsXY.gif

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> HTML Guide By 3ashek El7ozn Silkroad4arab Forum </BODY> </HTML>

النتيجة ,,
http://im69.gulfup.com/yfayKe.png
http://im55.gulfup.com/QxQsXY.gif
كما يستخدم ايضا الوسمين <CENTER>___</CENTER> لتوسيط الفقرات هكذا >>

كود بلغة HTML:

<HTML> <HEAD> <TITLE>My First HTML Page</TITLE> </HEAD> <BODY> <CENTER>HTML Guide By 3ashek El7ozn Silkroad4arab Forum</CENTER> </BODY> </HTML>

النتيجة ,,
http://im69.gulfup.com/vSzwag.png
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
ناتى لشاطر اخر الا وهو الخاصية DIR نستخدمها أيضاً مع و تقوم بتحديد إتجاه قراءة النص وتأخذ القيم ,,
LTR وتعنى Left To Right ..
RTL وتعنى Right To Left ..
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
كما يمكنك ايضا استخدام خاصية الاقتباس لتنسيق الفقرات او بمعنى اكثر وضوحا الوسمين <BLOCKQUOTE>___</BLOCKQUOTE> ,,
وهو يقوم بإدراج مسافة إضافية على الهامشين الأيمن والأيسر , دعونا نرى مثال ..

كود بلغة HTML:

<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> </BODY> </HTML>

النتيجة ,,
http://im50.gulfup.com/TznYKP.png
http://im55.gulfup.com/QxQsXY.gif
والى هنا اكون قد انتهيت من الفقرات اليوم ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
القاكم فى الجزء الثانى للدرس وهو القوائم
http://im55.gulfup.com/QxQsXY.gif
وفى النهاية
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
هذا عمل بشري ,, لا يخلوا من الأخطاء , فإن أصبت فمن الله .. وإن أخطأت فمني ومن الشيطان .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
وعند النقل يرجى ذكر المصدر
دمتم بود
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
http://im54.gulfup.com/Zz30Un.png