الدرس الثالث : تنسيق الفقرات و العناوين

الوليد الراشدي · #1 24-07-2008, 01:25 PM

الدرس الثالث : تنسيق الفقرات و العناوين

بسم الله الرحمن الرحيم
أوامر التنسيق بشكل عام و مختصر .. كالتالي :

كود:

<hn>

هذا الامر لتحديد عناوين الرأس و تمييزها ..
تحط بدل الــ n رقم بين الواحد الى السته
طبعا في حاجه ثانيه ..
اذا كان عندك أكثر من عنوان حطه كالتالي

كود:

 
<h1> العنوان الاول </h1> 
<h2>العنوان الثاني </h2>
<h3> العنوان الثالث </h3> 
<h4> العنوان الرابع </h4>

و كذا نمشي ..
مع الاخذ فالحسبان أن العنوان الاول أكبر من العنوان الثاني ... و هكذا

كود:

<align="xxxxx">

و هذا الامر لمحاذاة الكلام
و يستخدم فيه ثلاث خواص و يستخدم كالتالي ..

كود:

<align="xxxx">

الخواص هي كالتالي ..
left = محاذاه لليسار
right = محاذاه لليمين
center = محاذاه للوسط
طبعا تحط وحده من هالخواص بدال الـ xxxxxx
و طبعا بعد في طريقتين لاستخدام هالامر ..
الاولى باضافة الامر

كود:

<p>

و تأتي كالتالي ..

كود:

<p align="center">

هنا تحط الكلام الي بالفقره

كود:

</p>

طبعاً علامة نهاية الامر

كود:

<p>

و الطريقه الثانيه ..
لاستخدام هذا الامر مع الكلمات المفرده يعني باللغه المحليه كل وحده وحدها ..
تسوي كالتالي :
هنا تحط الكلام الي تريد تسوله محاذاه

كود:

<align="center">

طبعا امر المحاذاه يكون مفرد اذا جاء بالطريقه الثانيه ..

الامر الاخير

كود:

<br>

و هو لترك سطر واحد
و هو أسهل الاوامر تقريباً من حيث الاستخدام اذ انه مفرد و لا يحتاج علامة نهاية

طبعاً بجمعها لكم في كود واحد للتوضيح ..

كود:

<html> 
<head> 
<title> تنسيق الفقرات و الجمل </title> 
</head> 
<body>
<h1 align="center"> الوليد الراشدي  </h1> 
<h2> دورة لغة الترميز المتشعب </h2> 
<br> 
<p align="center">
<hr align="center" size="3" color="blue"> 
للتواصل معي : عن طريق الهاتف : 0096899804305 <br> 
أو بالايميل : alwaleed-dos@windowslive.com
</p> 
</body>
</html>

و تنتج لدينا الصفحه التاليه عند فتحها بواسطة المتصفح - طبعاً بعد ما ننسخها فالمفكره و نعملها حفظ بامتداد htm ( راجع الدرس الاول اذا كنت لا تعرف كيف تحولها الى امتداد htm ) - :

طبعاً الامر

كود:

<hr>

امر مفرد و يستخدم لوضع خط أفقي طبعاً المتغيرات أو الخواص align , size , color واضحه للاخر يعني ما يحتاجلها شرح بس انت شوف طريقة كتابة الامر مع هذي الاوامر الثانيه لتحديد شكله و حاول انت بنفسك تعمل خط أفقي ع مزاجك يعني اللون و الحجم و المحاذاه .. الخ

تطبيق عملي على مضمون الدرس :
اعمل صفحه جديده وليكن عنوانها " الحرب "
اكتب هذا العنوان في أعلى الصفحه مع محاذاه لليمين .. " الحرب العالميه الاولى "
و اعمل خط أفقي بالتنسيق التالي : (( اللون : ازرق - المحاذاه : للوسط - الحجم : 5 ))
و في نفس الصفحه أكتب الفقره التاليه مع مراعاة تنفيذ التنسيقات المكتوبه بين القوسين :
بدأت الحرب العالميه الاولى سنة 1914م و انتهت بعد أربعة أعوام .. ((تترك سطر بعد النقطتين ))
و كانت الحرب أشد ما يكون على أوربا لان معظم الدول المتصارعه كانت من الدول الاوروبيه

تنبيه : يرجى ارفاق التطبيق العملي الذي ذكرته في اخر الدرس في المناقشه و ليس التطبيق الذي كتبته أنا
و السلام عليكم و رحمة الله و بركاته
تحياتي : الوليد الراشدي

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
الدرس الخامس : تنسيق الشكل العام لصفحات الــ html	الوليد الراشدي	دورة تعلم لغة الهتمل HTML	0	03-08-2008 01:36 PM
الدرس الرابع : تنسيق الخطوط و ما يتعلق بها	الوليد الراشدي	دورة تعلم لغة الهتمل HTML	0	30-07-2008 11:45 PM

الدرس الثالث : تنسيق الفقرات و العناوين

دورة تعلم لغة الهتمل HTML