الرئيسيةالدرس الثالث ..التنسيق الاساسي
صفحة 1 من اصل 1
الدرس الثالث ..التنسيق الاساسي
من طرف قصي الخميس أغسطس 28, 2008 4:36 pm
نهايه سطر وبدايه سطر جديد:-
وسوف نستخدم الوسم <BR> لتحديد النهاية للسطر. والبدء بسطر جديد (لاحظ أن هذا الوسم مفرد، أي ليس له وسم نهاية).
ونعود إلى المثال السابق، قم بتعديل الملف لكي يصبح بالشكل التالي
<HTML>
<HEAD>
<TITLE>
My first HTML page
</TITLE>
</HEAD>
<BODY>
Wow,
<BR> I'm writing my
<BR>first page
</BODY>
</HTML>
و الآن كيف أضيف سطر جديد ؟
ولفعل هذا نستخدم الوسم <P><P/> الذي يقوم تقريباً بنفس عمل الوسم السابق أي أنه ينهي السطر أو الفقرة ويبدأ بسطر جديد لكن مع إضافة سطر إضافي فارغ بين الفقرات. ( يلاحظ ان هذا الوسم لديه وسم نهايه لكن من الممكن أستخدامة بدون وسم النهايه )
<HTML>
<HEAD>
<TITLE>
My first HTML page
</TITLE>
</HEAD>
<BODY>
Wow,
<P> I'm writing my
<P>first page
</BODY>
</HTML>
الفرغات :- تعتبر رموزاً خاصة لذلك لا نستطيع التحكم بها وبعددها إلا باستخدام الوسم
(Non Breakable Space والأحرف هي اختصار للعبارة ) .
وإذا أردت إدخال عدة فراغات بين نص وآخر ما عليك إلا كتابة هذا الوسم بنفس عدد الفراغات المطلوب. كما يجب عليك التقيد بالأحرف الصغيرة هنا كما موضح بالشكل التالي
<HTML>
<HEAD>
<TITLE>
My first HTML page
</TITLE>
</HEAD>
<BODY>
Wow,
I'm writing
my first First page
</BODY>
</HTML>
الخواص
و الآن سأشرح جزء متقدم قليلا :- كيف نقوم بتمركز النص أي جعل النص في منتصف الصفحة ، الوسم الأساسي لهذه الخاصيه هو <CENTER> ولكن هذا الوسم قد تم تبديله و لهذا فأن أفصل طريقه هي أستخدام وسم ALIGN وهذا الوسم يعطي للنص خواص معينه داخل الوسم الأخر . فالنفسر أكثر أن وسم ALIGN لوحده يفعل شيء وبإضافته مثلا لوسم <P> فأن المستعرض سيقوم بأداء الوسمين في نفس الوقت وهذا شيء مهم جدا في لغة HTML وتكون صيغتة كالآتي :-
هام جدا
<بداية الوسم خواصه="قيمة">ضع النص هنا <نهاية الوسم>
* و يجب أن تعلم أن كل الأوسمة يمكن أن تأخذ بعض الخواص لكن يوجد خواص تأخذ أوسمه معينة وسنقوم بشرح ذلك أكثر في الفصول القادمة ،
و لكي تضع خاصية تمركز النص مع الوسم <P> تكون الصيغه هكذا:-
<P ALIGN="CENTER">النص المتمركز في منتصف الصفحة</P>
قارن هذا لكي تفهم الصيغه السابقه فال P هو بدايه الوسم ، ALIGN هو خواصه CENTER هي قيمة الخاصية و بالطبع <P/> هو نهايه الوسم،
و من الواضح طبعا أذا كنا نقدر أن نضع النص في المنتصف أذن نستطيع أن نضع في أي جهة أخري سواء اليسار أو اليمين كل ما عليك فعله هو تغيير قيمة الـ ALIGN إلي RIGHT أو LEFT . لمزيد من التفاصيل والأمثله أقرأ تنسيق الفقرات
تنسيق النص
نتحدث الآن عن كيفيه جعل النص عريض أو مائل أو تحته خط
لقد قمت بشرح كل هذا بالتفصيل في دروس الـ HTML ولكن سريعا نقول الأكواد لهذه التنسيقات
<B>هذا للخط العريض</B>
<I>وهذا للخط المائل</I>
<U>وهذا ما أقصده عن تحته خط</U>
وسوف نستخدم الوسم <BR> لتحديد النهاية للسطر. والبدء بسطر جديد (لاحظ أن هذا الوسم مفرد، أي ليس له وسم نهاية).
ونعود إلى المثال السابق، قم بتعديل الملف لكي يصبح بالشكل التالي
<HTML>
<HEAD>
<TITLE>
My first HTML page
</TITLE>
</HEAD>
<BODY>
Wow,
<BR> I'm writing my
<BR>first page
</BODY>
</HTML>
و الآن كيف أضيف سطر جديد ؟
ولفعل هذا نستخدم الوسم <P><P/> الذي يقوم تقريباً بنفس عمل الوسم السابق أي أنه ينهي السطر أو الفقرة ويبدأ بسطر جديد لكن مع إضافة سطر إضافي فارغ بين الفقرات. ( يلاحظ ان هذا الوسم لديه وسم نهايه لكن من الممكن أستخدامة بدون وسم النهايه )
<HTML>
<HEAD>
<TITLE>
My first HTML page
</TITLE>
</HEAD>
<BODY>
Wow,
<P> I'm writing my
<P>first page
</BODY>
</HTML>
الفرغات :- تعتبر رموزاً خاصة لذلك لا نستطيع التحكم بها وبعددها إلا باستخدام الوسم
(Non Breakable Space والأحرف هي اختصار للعبارة ) .
وإذا أردت إدخال عدة فراغات بين نص وآخر ما عليك إلا كتابة هذا الوسم بنفس عدد الفراغات المطلوب. كما يجب عليك التقيد بالأحرف الصغيرة هنا كما موضح بالشكل التالي
<HTML>
<HEAD>
<TITLE>
My first HTML page
</TITLE>
</HEAD>
<BODY>
Wow,
I'm writing
my first First page
</BODY>
</HTML>
الخواص
و الآن سأشرح جزء متقدم قليلا :- كيف نقوم بتمركز النص أي جعل النص في منتصف الصفحة ، الوسم الأساسي لهذه الخاصيه هو <CENTER> ولكن هذا الوسم قد تم تبديله و لهذا فأن أفصل طريقه هي أستخدام وسم ALIGN وهذا الوسم يعطي للنص خواص معينه داخل الوسم الأخر . فالنفسر أكثر أن وسم ALIGN لوحده يفعل شيء وبإضافته مثلا لوسم <P> فأن المستعرض سيقوم بأداء الوسمين في نفس الوقت وهذا شيء مهم جدا في لغة HTML وتكون صيغتة كالآتي :-
هام جدا
<بداية الوسم خواصه="قيمة">ضع النص هنا <نهاية الوسم>
* و يجب أن تعلم أن كل الأوسمة يمكن أن تأخذ بعض الخواص لكن يوجد خواص تأخذ أوسمه معينة وسنقوم بشرح ذلك أكثر في الفصول القادمة ،
و لكي تضع خاصية تمركز النص مع الوسم <P> تكون الصيغه هكذا:-
<P ALIGN="CENTER">النص المتمركز في منتصف الصفحة</P>
قارن هذا لكي تفهم الصيغه السابقه فال P هو بدايه الوسم ، ALIGN هو خواصه CENTER هي قيمة الخاصية و بالطبع <P/> هو نهايه الوسم،
و من الواضح طبعا أذا كنا نقدر أن نضع النص في المنتصف أذن نستطيع أن نضع في أي جهة أخري سواء اليسار أو اليمين كل ما عليك فعله هو تغيير قيمة الـ ALIGN إلي RIGHT أو LEFT . لمزيد من التفاصيل والأمثله أقرأ تنسيق الفقرات
تنسيق النص
نتحدث الآن عن كيفيه جعل النص عريض أو مائل أو تحته خط
لقد قمت بشرح كل هذا بالتفصيل في دروس الـ HTML ولكن سريعا نقول الأكواد لهذه التنسيقات
<B>هذا للخط العريض</B>
<I>وهذا للخط المائل</I>
<U>وهذا ما أقصده عن تحته خط</U>
قصي- رئيس المنتدى
- عدد الرسائل : 316
العمر : 36
الجامعه : ال البيت
sms : <!--- MySMS By AlBa7ar Semauae.com -->
<form method="POST" action="--WEBBOT-SELF--">
<!--webbot bot="SaveResults" u-file="fpweb:///_private/form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" --><fieldset style="padding: 2; width:208; height:104">
<legend><b>My SMS</b></legend>
<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrolldelay="2" scrollamount="1" style="text-align: center; font-family: Tahoma; " height="78">منتدى اهران</marquee></fieldset></form>
<!--- MySMS By AlBa7ar Semauae.com -->
:
تاريخ التسجيل : 26/11/2007
مواضيع مماثلة» الدرس الثاني .......صفحتي الاولى
» اجمل العاب ثلاثية الجيل الثالث N71, N73, N76, N80, N91, N92,
» الدرس الاول
» الدرس الثاني
» الدرس الاول ما هي الـ HTML
» اجمل العاب ثلاثية الجيل الثالث N71, N73, N76, N80, N91, N92,
» الدرس الاول
» الدرس الثاني
» الدرس الاول ما هي الـ HTML
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى