دورات مجانية دورات كمبيوتر شبكات لينكس
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

دورات مجانية دورات كمبيوتر شبكات لينكس

دورات مجانية مثالية متخصصة في مجال الكمبيوتر و الشبكات و أنظمة التشغيل
 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
Admin



المساهمات : 22
تاريخ التسجيل : 05/07/2009

الدرس الثالث : تنسيق الفقرات و العناوين Empty
مُساهمةموضوع: الدرس الثالث : تنسيق الفقرات و العناوين   الدرس الثالث : تنسيق الفقرات و العناوين Icon_minitimeالإثنين يوليو 06, 2009 9:50 am

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

بسم الله الرحمن الرحيم
أوامر التنسيق بشكل عام و مختصر .. كالتالي :
كود:
<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 ) - :
http://www.geek4arab.com/vb/imgcache/12201.imgcache

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

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

تنبيه : يرجى ارفاق التطبيق العملي الذي ذكرته في اخر الدرس في المناقشه و ليس التطبيق الذي كتبته أنا
و السلام عليكم و رحمة الله و بركاته
تحياتي : الوليد الراشدي
__________________
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://c4you.rigala.net
 
الدرس الثالث : تنسيق الفقرات و العناوين
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» الدرس الرابع : تنسيق الخطوط و ما يتعلق بها
» الدرس الخامس : تنسيق الشكل العام لصفحات الــ html
» الدرس الثامن : القوائم في لغة الــ html
» الدرس الاول: مقدمه ومفاهيم عن لغة Php
» الدرس التاسع : الجداول و تنسيقها ( 1 )

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