الدعم الفنى وضمان الجودة _ شعارنا _ الطالب امانة والمعلم ضمير
منتديات إطسا التعليمية ترحب بكم
====================
عزيزي : أنت مسجل كزائر .
إذا كان لديك حساب أضغط ...
دخول
. وإذا أردت إنشاء حساب جديد أضغط ... تسجيل

الدعم الفنى وضمان الجودة _ شعارنا _ الطالب امانة والمعلم ضمير

منتديات عامة .... تقنيات....فنون ....الطالب والمعلم والمدارس ..... واقسام اخرى ..... الكمبيوتر والتطوير......اسلاميات
 
الرئيسيةالبوابةمكتبة الصورالتسجيلدخول

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
محمد عراقى
عصو سوبر
avatar

ذكر عدد الرسائل : 953
العمر : 63
علم الدولة :
نقاط : 1513
تاريخ التسجيل : 08/06/2008

مُساهمةموضوع: htmlالدرس الثالث : تنسيق الفقرات و العناوين   الجمعة مايو 29, 2009 8:53 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>
أو بالايميل : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
</p>
</body>
</html>
و تنتج لدينا الصفحه التاليه عند فتحها بواسطة المتصفح - طبعاً بعد ما ننسخها فالمفكره و نعملها حفظ بامتداد htm ( راجع الدرس الاول اذا كنت لا تعرف كيف تحولها الى امتداد htm ) - :
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]هذه الصورة تم اعادة تحجيمها اضغط على الشريط الاصفر للحصول على الحجم الاصلي حجم الصورة الاصلي هو 1024x287 ومساحتها 51 كيلو بايت
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

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

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

منقول
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
htmlالدرس الثالث : تنسيق الفقرات و العناوين
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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