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

**Rayg** · 11-30-2009, 06:06 PM

بسم الله الرحمن الرحيم

( أنصحك بعدم القراءة أن لم تكن مستوعبا الدروس السابقة ! )

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

فلنتابع معا هذا الكود :

كود

 <align="xxx">

بحيث مكان XXX نضع الاتجاهات والخواص شاهد الآن :

<align="right"> وتعني محاذاة لليمين

<align="left"> وتعني محاذاة لليسار

<align="center"> توسيط أو محاذاة للوسط

شاهدو معاي هذا الكود :

كود

<html> 
<head> 
<title> حيوان الحلزون </title> 
</head>
<h1 align="right"> الحلزون  </h1>
<br>
<hr align="center" size="5" color="00FF5"> 
<br> 
الحلزون يزحف معتمدا على قدمه العضلية البطنية ..  
<br> 
وللأستزادة أكثرحول الحلزون قم بزيارة الرابط

 
<a href="http://ar.wikipedia.org/wiki/حلزون">بالضغط هنا</a></body></html>

بعد وضعه في المفكره وحفظه

بصيغة htm ( وقد تعلمنا ذالك في الدرس الأول )

ستخرج معنا النتيجة التالية :

صورة ( رقم 1 )

علما بأن ( شرح الكود السابق ) :

<br> هذا الكود لترك سطر واحد والكتابه في الذي يليه وهذا الأمر لايحتاج علامة نهاية . وقد شرحناه في الدرس الثاني .

<hr> هذا الأمر أمر مفرد وهو للخط الأفقي . وهو ماجاء

في الكود في هذه الفقره

كود

 <hr align="center" size="5" color="00FF5">

بحيث :
align : تعني محاذاه الجمله كما تعلمنا سواء لليمين أو اليسار أو التوسيط .
size : وهو حجم الخط والخطوط في لغة الهتمل
دائما من 1-7 وأي خط نضعه أكبر من 7 سيتعرف عليه المتصفح بأنه خط بحجم 7 .
color : وهو اللون ومابعده وهو الكود 00FF5 يعني اللون الأخضر ( سيأتي شرح الألوان والخطوط في الدرس القادم )
علما بأن يمكنك اختيار لونك المفضل باختيار الكود من هنا .

<hn> هذا الكود لتحديد عناوين الرأس أو الصفحه وتمييزها

ونضع بدل n أرقام من 1 الى 6 مثال :

<h1> الحلزون </h1>
<h2>الحلزون</h2>
<h3> الحلزون</h3>
<h4> الحلزون </h4>
ومع ذالك فأن العنوان الأول أكبر من الثاني والثاني أكبر من الثالث وهكذا جرب ذالك في وضعها في مفكره وحفظها بأمتداد htm وسترى بنفسك .

تطبيقات الدرس :

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

هذا الدرس الثالث من دروس لغة ال html

كان معكم أخوكم / Rayg
* اسأل في أي نقطه اذا لم تفهم فالدروس متتاليه ولن
تتمكن من فهم درس اذا لم تفهم ما قبله .
* الصور في المرفقات بالترقيم لمن لم تظهر معه الصور .

**لؤلؤهـ وسط محارهـ** · 11-30-2009, 06:16 PM

حبيت اضيف المشاركة

ولي عودة

بس بعد ما يروحوا الضيوف

**Rooj** · 11-30-2009, 08:41 PM

والله درس بطل

دايم مبدع يا رايق

وفقك ربي

**•• نڧـζــآٺے جـJـيڊ ||~** · 11-30-2009, 11:10 PM

درس حلو بس يبغاله تركيز
يسلموو خيوو

**لؤلؤهـ وسط محارهـ** · 12-01-2009, 05:40 PM

درس رائع << تو قرأته هههههههه

مشكور استاذ رايق على الدرس الممتع

وبإنتظار الدرس القادم ..

والتطبيق بالمرفقات

**Rayg** · 12-01-2009, 06:19 PM

اقتباس

المشاركة الأصلية كتبت بواسطة لؤلؤهـ وسط محارهـ

حبيت اضيف المشاركة

ولي عودة

بس بعد ما يروحوا الضيوف

خذي راحتك

بالأنتظاااااار . .

**Rayg** · 12-01-2009, 06:22 PM

اقتباس

المشاركة الأصلية كتبت بواسطة rooj

والله درس بطل

دايم مبدع يا رايق

وفقك ربي

البطل أنت أخوي روج

وفديت الطله

**Rayg** · 12-01-2009, 06:26 PM

اقتباس

المشاركة الأصلية كتبت بواسطة •• نڧـζــآٺے جـjـيڊ ||~

درس حلو بس يبغاله تركيز
يسلموو خيوو

أكيد يبغاله تركيز

اقري الدرس مره ومرتين وبتفهمينه ان شاء الله

منوره أختي

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

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

.. [ دورة لغة HTML ] ..