تسليم الواجبات التطبيقية - الصفحة 2

لطيفة المنصوري · #26 20 ذو القعدة 1433هـ/5-10-2012م, 06:37 PM

التطبيق الثالث بطريقة inline:

كود بلغة HTML:

<html dir=rtl>
<head>
<title>التطبيق الثالث</title>
</head>
<body style="background-image:url(http://ar.r2m4.com/wp-content/uploads/5836-8.png); background-color:CDCCFF;background-repeat:no-repeat;background-position: 30% 50%">
سبحان الله وبحمده، سبحان الله العظيم
</body>
</html>

التطبيق الثالث بطريقة internal:

كود بلغة HTML:

<html dir=rtl>
<head>
<title>التطبيق الثالث</title>
<style type="text/css">
 body{background-image:url(http://ar.r2m4.com/wp-content/uploads/5836-8.png); background-color:CDCCFF;background-repeat:no-repeat;background-position: 30% 50%}
</style>
سبحان الله وبحمده، سبحان الله العظيم
</head>
</html>

لاحظت أن الصورة تظهر وإن لم نكتب image!

سامية السلفية · #27 21 ذو القعدة 1433هـ/6-10-2012م, 03:47 PM

اقتباس:

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

التطبيق الثالث بطريقة inline:

كود بلغة HTML:

<html dir=rtl>
<head>
<title>التطبيق الثالث</title>
</head>
<body  style="background-image:url(http://ar.r2m4.com/wp-content/uploads/5836-8.png);   background-color:CDCCFF;background-repeat:no-repeat;background-position:  30% 50%">
سبحان الله وبحمده، سبحان الله العظيم
</body>
</html>

التطبيق الثالث بطريقة internal:

كود بلغة HTML:

<html dir=rtl>
<head>
<title>التطبيق الثالث</title>
<style type="text/css">
 body{background-image:url(http://ar.r2m4.com/wp-content/uploads/5836-8.png);   background-color:CDCCFF;background-repeat:no-repeat;background-position:  30% 50%}
</style>
سبحان الله وبحمده، سبحان الله العظيم
</head>
</html>

لاحظت أن الصورة تظهر وإن لم نكتب image!

بارك الله فيك وجزاك الله خيرا

- الخاصية background-image (أحسنت)
- الخاصية Background-repeat (أحسنت)
- الخاصية background-position (أحسنت)
- الخاصية background-color (أحسنت)

اقتباس:

]لاحظت أن الصورة تظهر وإن لم نكتب image!

وفقك الله .
لا أعرف ربما هناك وسوم أو خصائص تتعرف عليها بعض المتصفحات بصورة صحيحة. لكنها لن تعمل على جميع المتصفحات بسبب هذا الخطأ
بارك الله فيك . أصلا هناك وسوم وخصائص تعمل على بعض المتصفحات ولا تعمل على أخرى ، ألا تكفينا حتى نضيف إليها هذه الوسوم الناقصة ؟ !

لذا من الأفضل أن نعتاد على كتابة الوسوم بصورة صحيحة ؛ لأننا مازلنا في البداية وإتقان هذه الوسوم سوف يساعدنا -بإذن الله- على تعلم واكتساب مهارات جديدة . والله أعلم

سلمى نصار · #28 24 ذو القعدة 1433هـ/9-10-2012م, 05:17 PM

السلام عليكم ورحمة الله وبركاته
أعتذر عن تأخر تسليم الواجب
وجزاكم الله خيرا

سامية السلفية · #29 25 ذو القعدة 1433هـ/10-10-2012م, 07:06 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة جنان الفردوس

السلام عليكم ورحمة الله وبركاته
أعتذر عن تأخر تسليم الواجب
وجزاكم الله خيرا

وعليكم السلام ورحمة الله وبركاته

لا عليك يا أختي

- تنسيق عنوان باستخدام وسم < Hn> ... < /Hn> (أحسنت)
- تنسيق نص باستخدام Color ، Size ، Face (أحسنت)
- استخدام تنسيق : خط غامق أو عريض (أحسنت)- إضافة نص متحرك (أحسنت)

بارك الله فيك .

كود بلغة HTML:

<body bgcolor="#87CEEB" pgproperties="fixed" font face="times new roman">

face ليست من خصائص الوسم <body>، لكن نستخدمها مع الوسم أو نستخدم basefont لتنسيق جميع نصوص الصفحة.

face وليس font face
لم تكتبي الوسم

كود بلغة HTML:

<head></head>

وانتبهي للإملاء، وإغلاق الوسوم.

نفعك الله بما علمك وعلمك ما ينفعك وزادك علما.

لطيفة المنصوري · #30 25 ذو القعدة 1433هـ/10-10-2012م, 10:11 AM

السلام عليكم ورحمة الله وبركاته

بارك الله فيك، أرفقت الملف هذه المرة لأن المحتوى طويل إلى حد ما.

صفيه ناجح · #31 25 ذو القعدة 1433هـ/10-10-2012م, 09:40 PM

كود بلغة HTML:

<html>
 
<head>
 
<title>تطبيق الدرس الأول : تعريف بحوت الأوريكا </title>
 
</head>
 
<body>
 
<p align = "center">  
الاسم العلمي: Orcinus orca <p align = "center"> 
الاسم الإنجليزي: Killer whale <p align = "center">
الحجم: يبلغ أقصى طول للأناث 8.5 متر، والذكور 9.8 متر، وسجل اقصى وزن له 11 طناً <p align = "right">
<br> 
وهو من الحيتان المسننة، ويتواجد في المياه البعيدة عن الشاطئ، ويفضل الحوت القاتل التواجد بمجموعات تتراوح أعدادها ما بين 2 إلى 60 حيوان في القطيع الواحد. ومن السهولة تمييز الحوت القاتل عن باقي الحيتان، ويكون لون الظهر أسود والبطن أبيض. كما يتميز بزعانفه الأمامية الأسطوانية، &nbsp; كما أن للحوت القاتل زعنفة ظهرية طويلة لا مثيل لها لدى جميع الثدييات البحرية الآخرى<p align = "center"> 

<p align = "center"> صفيه ناجح

</body>
 
</html>

صفيه ناجح · #32 25 ذو القعدة 1433هـ/10-10-2012م, 10:02 PM

كود بلغة HTML:

<html dir=rtl>
 
<head>
 
<title>تطبيق الدرس الأول : تعريف بحوت الأوريكا </title>
 
</head>
 
<body background=" http://www.aaa-backgrounds.com/azx248/brick3/3.gif" bgcolor=#FFFFFF bgproperties="fixed" leftmargin="45" topmargin="45">
 
<p align = "center">  
الاسم العلمي: Orcinus orca <p align = "center"> 
الاسم الإنجليزي: Killer whale <p align = "center">
الحجم: يبلغ أقصى طول للأناث 8.5 متر، والذكور 9.8 متر، وسجل اقصى وزن له 11 طناً <p align = "right">
<br> 
وهو من الحيتان المسننة، ويتواجد في المياه البعيدة عن الشاطئ، ويفضل الحوت القاتل التواجد بمجموعات تتراوح أعدادها ما بين 2 إلى 60 حيوان في القطيع الواحد. ومن السهولة تمييز الحوت القاتل عن باقي الحيتان، ويكون لون الظهر أسود والبطن أبيض. كما يتميز بزعانفه الأمامية الأسطوانية، &nbsp; كما أن للحوت القاتل زعنفة ظهرية طويلة لا مثيل لها لدى جميع الثدييات البحرية الآخرى<p align = "center"> 

<p align = "center"> صفيه ناجح

</body>
 
</html>

سامية السلفية · #33 26 ذو القعدة 1433هـ/11-10-2012م, 06:02 AM

اقتباس:

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

السلام عليكم ورحمة الله وبركاته

بارك الله فيك، أرفقت الملف هذه المرة لأن المحتوى طويل إلى حد ما.

وعليكم السلام ورحمة الله وبركاته .
وفيك بارك الله .
- تنسيق عنوان باستخدام وسم < Hn> ... < /Hn> (أحسنت)
- تنسيق نص باستخدام Color ، Size ، Face (أحسنت)
- استخدام تنسيق : خط غامق أو عريض (أحسنت)
- إضافة نص متحرك (أحسنت)
ما شاء الله . أعاننا الله جميعا على ذكره وشكره وحسن عبادته
جزاك الله خيرا
ملاحظات:
بارك الله فيك.
- رمز اللون نكتب قبله #
- وأيضا تكرر الوسم <body> مرتين ، وهذا قد يتسبب بإرباك المتصفح.
إن شاء الله ، الدرس القادم عن سيتضمن كيفية عمل قوائم ، والذي يليه إن شاء الله عن الصور وكيفية التحكم بموضعها بالنسبة للنص .

وفقك الله لما يحب ويرضى

سامية السلفية · #34 26 ذو القعدة 1433هـ/11-10-2012م, 06:16 AM

اقتباس:

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

كود بلغة HTML:

<html>
 
<head>
 
<title>تطبيق الدرس الأول : تعريف بحوت الأوريكا </title>
 
</head>
 
<body>
 
<p align = "center">  
الاسم العلمي: Orcinus orca <p align = "center"> 
الاسم الإنجليزي: Killer whale <p align = "center">
الحجم: يبلغ أقصى طول للأناث 8.5 متر، والذكور 9.8 متر، وسجل اقصى وزن له 11 طناً <p align = "right">
<br> 
وهو من الحيتان المسننة، ويتواجد في المياه البعيدة عن الشاطئ، ويفضل الحوت القاتل التواجد بمجموعات تتراوح أعدادها ما بين 2 إلى 60 حيوان في القطيع الواحد. ومن السهولة تمييز الحوت القاتل عن باقي الحيتان، ويكون لون الظهر أسود والبطن أبيض. كما يتميز بزعانفه الأمامية الأسطوانية، &nbsp; كما أن للحوت القاتل زعنفة ظهرية طويلة لا مثيل لها لدى جميع الثدييات البحرية الآخرى<p align = "center"> 

<p align = "center"> صفيه ناجح

</body>
 
</html>

سبحان الله
حياك الله وبارك الله فيك يا صفيه

إنشاء صفحة ويب باستخدام برنامج المفكرة Notpad (أحسنت)
تنسيق النص باستخدام  و و ; &nbsp (أحسنت)
استخدام خاصية align (أحسنت)

ملاحظات :
وفقك الله ، كتبت هذين الوسمين متتاليين ليس بينهما نص
 و المتصفح نفذ الوسم الأول (المحاذاة لليمين + سطر جديد و آخر فارغ) وتجاهل الوسم الثاني  
جعلك الله من الناجحين والفائزين

سامية السلفية · #35 26 ذو القعدة 1433هـ/11-10-2012م, 06:22 AM

اقتباس:

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

كود بلغة HTML:

<html dir=rtl>
 
<head>
 
<title>تطبيق الدرس الأول : تعريف بحوت الأوريكا </title>
 
</head>
 
<body background=" http://www.aaa-backgrounds.com/azx248/brick3/3.gif" bgcolor=#FFFFFF bgproperties="fixed" leftmargin="45" topmargin="45">
 
<p align = "center">  
الاسم العلمي: Orcinus orca <p align = "center"> 
الاسم الإنجليزي: Killer whale <p align = "center">
الحجم: يبلغ أقصى طول للأناث 8.5 متر، والذكور 9.8 متر، وسجل اقصى وزن له 11 طناً <p align = "right">
<br> 
وهو من الحيتان المسننة، ويتواجد في المياه البعيدة عن الشاطئ، ويفضل الحوت القاتل التواجد بمجموعات تتراوح أعدادها ما بين 2 إلى 60 حيوان في القطيع الواحد. ومن السهولة تمييز الحوت القاتل عن باقي الحيتان، ويكون لون الظهر أسود والبطن أبيض. كما يتميز بزعانفه الأمامية الأسطوانية، &nbsp; كما أن للحوت القاتل زعنفة ظهرية طويلة لا مثيل لها لدى جميع الثدييات البحرية الآخرى<p align = "center"> 

<p align = "center"> صفيه ناجح

</body>
 
</html>

بارك الله فيك
- استخدام <html dir=rtl> أو <html dir=ltr> (أحسنت)
- استخدام صورة كخلفية (أحسنت)

وفقك الله لما يحبه ويرضاه

صفيه ناجح · #36 27 ذو القعدة 1433هـ/12-10-2012م, 01:25 AM

كود بلغة HTML:

<html dir=rtl>
<head>
      <title> الواجب التطبيقي 3 : قراءة سورة الكهف يوم الجمعة</title>
      <style type = "text/css">
         body  { background-image: url(http://www.aaa-backgrounds.com/azx248/brick3/3.gif);
                 background-position: bottom right;
                 background-repeat: repeat-x;
                 background-attachment: fixed;
                 background-color: #eeeeee }
         
      </style>
</head>

<body>

      <p>
       عن أبي سعيد الخدري قال :  من قرأ سورة الكهف ليلة الجمعة أضاء له من النور فيما بينه وبين البيت العتيق  
      </p>
      
      <p>
      وعن ابن عمر رضي الله عنهما قال : قال رسول الله صلى الله عليه وسلم :  من قرأ سورة الكهف في يوم الجمعة سطع له نور من تحت قدمه إلى عنان السماء يضيء له يوم القيامة ، وغفر له ما بين   الجمعتين .
      </p>

	
      <p>
      اللهم وفقنا لما تحبه وترضاه  ^__^
      </p>
</body>

آمييين ياااارب وبارك الله فيك أختي وجعل الله مثوانا الجنه

صفيه ناجح · #37 27 ذو القعدة 1433هـ/12-10-2012م, 02:20 AM

كود بلغة HTML:

<html dir="rtl">
<head><title>الحوت الرمادي</title></head>
<body>

<h1><marquee BGCOLOR="darkpink">
الحـــوت الرمـــادي
</marquee></h1>


<p><font face="tahoma" size="4" color="green">
حيوان من مرتبة الحيوانات المائية ومن عائلة Eshrichtiidae</font></p>

<p><b>يكثر وجوده شمالي المحيط الباسيفيكي، وهو ذو لون رمادي تكثر فيه البقع بسبب الطفيليات التي تتكاثر على جلده</b></p>
<p>ليس لهذا الحوت زعانف، وله أخاديد أربعة على الحلق وفي فمه 155 زوجاً من الأسنان القرصية البيضاء والصفراء</p>
<p>وهو أكثر الثدييات هجرة إذ يهاجر لمسافات بعيدة كل عام، حيث يسبح لمسافة 500،12 ميل من القطب الشمالي إلى المكسيك ثم يعود من حيث أتى ثانية، وهو يقطع هذه المسافة لكي يبلغ المياه الدافئة حيث تتمكن اناثه من وضع صغارها، إذ أن الصغار قد تتجمد في المناطق القطبية، والبحيرات الدافئة الضحلة في المكسيك تعتبر مكاناً ملائماً لحضانة الحوت الرمادي، والحيتان الرمادية تبقى قريبة من الشاطىء في رحلتها من الجنوب إلى الشمال وهي تخرج إلى سطح المحيط كل ثلاث أو أربع دقائق لإستنشاق الهواء النقي</p>
<p>تتغذى هذه الحيتان على العوالق من الحيوانات والنباتات البحرية الطافية، وهي تتغذى في أشهر الصيف وتعيش على دهنها المخزون بقية أشهر السنة.</p>
<p>وفقكم الله ،،، صفيه ناجح</p>
</body>
</html>

صفيه ناجح · #38 27 ذو القعدة 1433هـ/12-10-2012م, 02:36 AM

كود بلغة HTML:

<html dir="rtl">
<head>
      <title>الواجب التطبيقي 4 </title>
      <style type = "text/css">
         body  { background-color: #eeeeee }
         p     { font-style: italic; 
                 font-weight: bold;
                 font-size: 18pt;
                 color: #1144AA;                
                 font-family: arial, sans-serif; }
      </style>
</head>


<body>
      <p>
يااااااااااربي لك الحمد كما ينبغي لجلال وجهك وعظيم سلطانك
 ^____^
      </p>
</body>
</html>

سامية السلفية · #39 27 ذو القعدة 1433هـ/12-10-2012م, 01:34 PM

اقتباس:

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

كود بلغة HTML:

<html dir=rtl>
<head>
      <title> الواجب التطبيقي 3 : قراءة سورة الكهف يوم الجمعة</title>
      <style type = "text/css">
         body  { background-image: url(http://www.aaa-backgrounds.com/azx248/brick3/3.gif);
                 background-position: bottom right;
                 background-repeat: repeat-x;
                 background-attachment: fixed;
                 background-color: #eeeeee }
         
      </style>
</head>

<body>

      <p>
       عن أبي سعيد الخدري قال :  من قرأ سورة الكهف ليلة الجمعة أضاء له من النور فيما بينه وبين البيت العتيق  
      </p>
      
      <p>
      وعن ابن عمر رضي الله عنهما قال : قال رسول الله صلى الله عليه وسلم :  من قرأ سورة الكهف في يوم الجمعة سطع له نور من تحت قدمه إلى عنان السماء يضيء له يوم القيامة ، وغفر له ما بين   الجمعتين .
      </p>

    
      <p>
      اللهم وفقنا لما تحبه وترضاه  ^__^
      </p>
</body>

آمييين ياااارب وبارك الله فيك أختي وجعل الله مثوانا الجنه

ما شاء الله .

بارك الله فيك يا أختي صفيه

أثابك الله ونفع بك

اللهم اجعل لنا نورًا.

- الخاصية background-image (أحسنت)
- الخاصية Background-repeat (أحسنت)
- الخاصية background-position (أحسنت)
- الخاصية background-color (أحسنت)

جزاك الله خيرا

سامية السلفية · #40 27 ذو القعدة 1433هـ/12-10-2012م, 01:41 PM

اقتباس:

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

كود بلغة HTML:

<html dir="rtl">
<head><title>الحوت الرمادي</title></head>
<body>

<h1><marquee BGCOLOR="darkpink">
الحـــوت الرمـــادي
</marquee></h1>


<p><font face="tahoma" size="4" color="green">
حيوان من مرتبة الحيوانات المائية ومن عائلة Eshrichtiidae</font></p>

<p><b>يكثر وجوده شمالي المحيط الباسيفيكي، وهو ذو لون رمادي تكثر فيه البقع بسبب الطفيليات التي تتكاثر على جلده</b></p>
<p>ليس لهذا الحوت زعانف، وله أخاديد أربعة على الحلق وفي فمه 155 زوجاً من الأسنان القرصية البيضاء والصفراء</p>
<p>وهو أكثر الثدييات هجرة إذ يهاجر لمسافات بعيدة كل عام، حيث يسبح لمسافة 500،12 ميل من القطب الشمالي إلى المكسيك ثم يعود من حيث أتى ثانية، وهو يقطع هذه المسافة لكي يبلغ المياه الدافئة حيث تتمكن اناثه من وضع صغارها، إذ أن الصغار قد تتجمد في المناطق القطبية، والبحيرات الدافئة الضحلة في المكسيك تعتبر مكاناً ملائماً لحضانة الحوت الرمادي، والحيتان الرمادية تبقى قريبة من الشاطىء في رحلتها من الجنوب إلى الشمال وهي تخرج إلى سطح المحيط كل ثلاث أو أربع دقائق لإستنشاق الهواء النقي</p>
<p>تتغذى هذه الحيتان على العوالق من الحيوانات والنباتات البحرية الطافية، وهي تتغذى في أشهر الصيف وتعيش على دهنها المخزون بقية أشهر السنة.</p>
<p>وفقكم الله ،،، صفيه ناجح</p>
</body>
</html>

بارك الله فيك ونفعك بما علمك وزادك علمًا

- تنسيق عنوان باستخدام وسم < Hn> ... < /Hn> (أحسنت)
- تنسيق نص باستخدام Color ، Size ، Face (أحسنت)
- استخدام تنسيق : خط غامق أو عريض (أحسنت)
- إضافة نص متحرك (أحسنت)

سامية السلفية · #41 27 ذو القعدة 1433هـ/12-10-2012م, 01:49 PM

اقتباس:

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

كود بلغة HTML:

<html dir="rtl">
<head>
      <title>الواجب التطبيقي 4 </title>
      <style type = "text/css">
         body  { background-color: #eeeeee }
         p     { font-style: italic; 
                 font-weight: bold;
                 font-size: 18pt;
                 color: #1144AA;                
                 font-family: arial, sans-serif; }
      </style>
</head>


<body>
      <p>
يااااااااااربي لك الحمد كما ينبغي لجلال وجهك وعظيم سلطانك
 ^____^
      </p>
</body>
</html>

ما شاء الله . تبارك الله

أنجزت جميع التطبيقات المطلوبة في وقت قصير.

font-style (أحسنت)
font-weight (أحسنت)
font-size (أحسنت)
font-family (أحسنت)

وفقك الله لما يحب ويرضى

سلمى نصار · #42 1 ذو الحجة 1433هـ/16-10-2012م, 12:06 AM

التطبيق الخامس
يارب ما يكون في أخطاء هالمرة :)

سامية السلفية · #43 1 ذو الحجة 1433هـ/16-10-2012م, 01:30 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة جنان الفردوس

التطبيق الخامس
يارب ما يكون في أخطاء هالمرة :)

بارك الله فيك يا أختي جنان الفردوس

جعلنا الله من أوليائه الصالحين.

يا أختي إنما العلم بالتعلم ، ونحن لا زلنا في البداية. وفقك الله

font-style (أحسنت)
font-weight (أحسنت)
font-size (أحسنت)
font-family (أحسنت) ، بارك الله فيك . جربي كتابة اسم خط مثال: Tahoma هل تلاحظين أي تغيير
احذفي علامتى التنصيص "" من اسم الخط ، وجربي من جديد

أنماط css تكتب بين "" وعندما نكتب في داخلها "" يتجاهل المتصفح علامتي التنصيص في الداخل.

وفقك الله وزادك علما

"روى البخاري رحمه الله عن ابن عباس رضي الله عنهما أن النبي صلى الله عليه وسلم قال : ( ما من أيام العمل الصالح فيها أحب إلى الله من هذه الأيام – يعني أيام العشر - قالوا : يا رسول الله ولا الجهاد في سبيل الله ؟ قال ولا الجهاد في سبيل الله إلا رجل خرج بنفسه وماله ثم لم يرجع من ذلك بشيء )"

اللهم ارزقــــنـــا عـــمــــلا صــــالــــحــــا

لطيفة المنصوري · #44 1 ذو الحجة 1433هـ/16-10-2012م, 04:40 PM

التطبيق الخامس:

كود بلغة HTML:

 
<html dir=rtl>
<head>
<title>التطبيق الخامس</title>
</head>
<body style="background-color:#FFF2B3">
<p style="font-family:tahoma,arial;font-weight:bolder;font-size:large;font-style:italic">
اللهم إني أعوذ بك أن أشرك بك وأنا
 أعلم وأستغفرك لما لا أعلم 
</body>
</html>

التطبيق السادس: مرفق في المشاركة.

سامية السلفية · #45 2 ذو الحجة 1433هـ/17-10-2012م, 08:43 AM

اقتباس:

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

التطبيق الخامس:

كود بلغة HTML:

 
<html dir=rtl>
<head>
<title>التطبيق الخامس</title>
</head>
<body style="background-color:#FFF2B3">
<p style="font-family:tahoma,arial;font-weight:bolder;font-size:large;font-style:italic">
اللهم إني أعوذ بك أن أشرك بك وأنا
 أعلم وأستغفرك لما لا أعلم 
</body>
</html>

التطبيق السادس: مرفق في المشاركة.

التطبيق الخامس:

بارك الله فيك يا أختي سلفية زادك الله علما نافعا

استخدام الأنماط :
font-style (أحسنت)
font-weight (أحسنت)
font-size (أحسنت)
font-family (أحسنت)
انتبهي للترتيب:
font-style | font-weight | font-size | font-family

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

- استخدام تنسيق القوائم المتسلسلة أو غير المتسلسلة (أحسنت)
- استخدام تنسيق قوائم التعريفات (أحسنت)
- استخدام الوسم < pre> ... </pre> (أحسنت)

جزاك الله خيرا . لكن لا يشترط أن يكون النص المستخدم مع الوسم <pre> بيت شعري
هذا الوسم يحفظ التنسيق السابق ، في الدرس الأول تذكرين أننا عند كتابة نص في عدة أسطر (قبل إضافة و ) يظهر النص في المتصفح كسطر واحد
فهذا الوسم يحافظ على مثل هذا التنسيق ، دون الحاجة لاستخدام و 

وفقك الله لما يحب ويرضى

سلمى نصار · #46 2 ذو الحجة 1433هـ/17-10-2012م, 02:59 PM

كود بلغة HTML:

 <html dir= rtl >
<head><title> أنواع الهجرة </title></head>
<body bgcolor = "#00FF00" pgproperties="fixed">
<p align=center><font face = "deco type naskh variants " color="#FF00BF"><h6><u><b><i> الهجرة </i></b></u></h6></font></p>
<br><font face = "deco type naskh" color = "#FF8000" size = "+1" >
قال رسول الله - صلى الله عليه وسلم - : " فمن كانت هجرته إلى الله ورسوله فهجرته إلى الله ورسوله ، ومن كانت هجرته لدنيا يصيبها أو امرأة ينكحها فهجرته إلى ما هاجر إليه "رواه البخاري
</font></br>
<br><font face = "deco type naskh" color = "#FF0000" size = "+2" ><u>
فمن أمثلة الهجرة :
</u></font></br>
<p><font face = "deco type naskh" color = "#FF8000" size = "+1" >
<dl>
<dt> هجرة الصحابة - رضي الله عنهم -  من مكة إلى الحبشة <dd> حين آذى المشركون رسول الله - صلى الله عليه وسلم - ففروا إلى النجاشي ، وكانت هذه الهجرة بعد البعثة بخمس سنين .
<dt> الهجرة من مكة إلى المدينة <dd>  وكانت بعد البعثة بثلاث عشرة سنة ، وكان يجب على كل مسلم بمكة أن يهاجر إلى رسول الله إلى المدينة .
</dl>
</font></p>
<br><font face = "deco type naskh" color = "#FF8000" size = "+1" >
* قسم العلماء الذهاب في الأرض إلى : هرباً ، و طلباً 
</font></br>
<br><font face = "deco type naskh" color = "#FF0000" size = "+2" ><u>
فالأول ينقسم إلى ستة أقسام :
</u></font></br>
<p><font face = "deco type naskh" color = "#0101DF" size = "+1" >
<ol type="disc">
<li> الخروج من دار الحرب إلى دار الإسلام
<li> الخروج من أرض البدعة
<li> الخروج من أرض يغلب عليها الحرام
<li> الفرار من الأذية في البدن
<li> الخروج خوف المرض من البلاد الوخمة إلى أرض النزهة
<li> الخروج خوفا من الأذية في المال
</ol></font></p>
<p><font face = "deco type naskh" color = "#FF8000" size = "+1" >
* ويجدر بنا الإشارة إلى أن هناك أنواع محرمة من الهجرة ، مثل : هجر المسلم أخاه فوق ثلاث بغير سبب شرعي . وحكي أن رجلا هجر أخاه ثلاثة أيام فكتب إليه هذه الأبيات فقال : 
<pre>
يـــا ســــيدي عنـدك لي مظلــمـة    فاستفت فيها ابن أبي خثيمة 
فــإنه يــــروى لنا عن جده ما قد    روى الضــحاك عــن عــكرمة 
عــن ابـن عبـاس عـن المـصـطـــفى    نبينا المبعــوث بالمرحمـة 
أن صـــــدود الإلـــف عـن إلفـــه    فـــوق ثـلاث ربنا حـرمـــه 
</pre></font></p>
</body>
</html>

سامية السلفية · #47 3 ذو الحجة 1433هـ/18-10-2012م, 02:17 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة جنان الفردوس

كود بلغة HTML:

 <html dir= rtl >
<head><title> أنواع الهجرة </title></head>
<body bgcolor = "#00FF00" pgproperties="fixed">
<p align=center><font face = "deco type naskh variants " color="#FF00BF"><h6><u><b><i> الهجرة </i></b></u></h6></font></p>
<br><font face = "deco type naskh" color = "#FF8000" size = "+1" >
قال رسول الله - صلى الله عليه وسلم - : " فمن كانت هجرته إلى الله ورسوله فهجرته إلى الله ورسوله ، ومن كانت هجرته لدنيا يصيبها أو امرأة ينكحها فهجرته إلى ما هاجر إليه "رواه البخاري
</font></br>
<br><font face = "deco type naskh" color = "#FF0000" size = "+2" ><u>
فمن أمثلة الهجرة :
</u></font></br>
<p><font face = "deco type naskh" color = "#FF8000" size = "+1" >
<dl>
<dt> هجرة الصحابة - رضي الله عنهم -  من مكة إلى الحبشة <dd> حين آذى المشركون رسول الله - صلى الله عليه وسلم - ففروا إلى النجاشي ، وكانت هذه الهجرة بعد البعثة بخمس سنين .
<dt> الهجرة من مكة إلى المدينة <dd>  وكانت بعد البعثة بثلاث عشرة سنة ، وكان يجب على كل مسلم بمكة أن يهاجر إلى رسول الله إلى المدينة .
</dl>
</font></p>
<br><font face = "deco type naskh" color = "#FF8000" size = "+1" >
* قسم العلماء الذهاب في الأرض إلى : هرباً ، و طلباً 
</font></br>
<br><font face = "deco type naskh" color = "#FF0000" size = "+2" ><u>
فالأول ينقسم إلى ستة أقسام :
</u></font></br>
<p><font face = "deco type naskh" color = "#0101DF" size = "+1" >
<ol type="disc">
<li> الخروج من دار الحرب إلى دار الإسلام
<li> الخروج من أرض البدعة
<li> الخروج من أرض يغلب عليها الحرام
<li> الفرار من الأذية في البدن
<li> الخروج خوف المرض من البلاد الوخمة إلى أرض النزهة
<li> الخروج خوفا من الأذية في المال
</ol></font></p>
<p><font face = "deco type naskh" color = "#FF8000" size = "+1" >
* ويجدر بنا الإشارة إلى أن هناك أنواع محرمة من الهجرة ، مثل : هجر المسلم أخاه فوق ثلاث بغير سبب شرعي . وحكي أن رجلا هجر أخاه ثلاثة أيام فكتب إليه هذه الأبيات فقال : 
<pre>
يـــا ســــيدي عنـدك لي مظلــمـة    فاستفت فيها ابن أبي خثيمة 
فــإنه يــــروى لنا عن جده ما قد    روى الضــحاك عــن عــكرمة 
عــن ابـن عبـاس عـن المـصـطـــفى    نبينا المبعــوث بالمرحمـة 
أن صـــــدود الإلـــف عـن إلفـــه    فـــوق ثـلاث ربنا حـرمـــه 
</pre></font></p>
</body>
</html>

نفع الله بك وزادك علما نافعا

- استخدام تنسيق القوائم المتسلسلة أو غير المتسلسلة (أحسنت)
- استخدام تنسيق قوائم التعريفات (أحسنت)
- استخدام الوسم < pre> ... </pre> (أحسنت)

ما شاء الله . جزاك الله خيرا ...الموضوع والشيفرة ...

تنبيه بسيط (الوحيد): bgproperties وليست pgproperties

وفقك الله لما يحب ويرضى

لطيفة المنصوري · #48 19 ذو الحجة 1433هـ/3-11-2012م, 08:18 PM

التطبيق السابع: مرفق في المشاركة.

التطبيق الثامن:

كود بلغة HTML:

<html dir=rtl>
<body>
<img src="http://www.bbc.co.uk/blogs/africahaveyoursay/hajj_ap.jpg" alt="http://muslim-academy.com/http://muslim-academy.com/wp-content/uploads/2012/10/Hajj1.jpg" width=200 height=200 align="left" vspace="5" hspace="5" border="3"/>
<p align=center>
<font size=6 color=brown>
هل الأفضل تكرار الطواف أم التطوع بصلاة؟
</font> 
<p>
<font size=5>
في التفضيل بينهما خلاف، لكن الأولى أن يجمع بين الأمرين فيكثر من الصلاة والطواف حتى يجمع بين الخيرين، وبعض العلماء فضل الطواف في حق الغرباء؛ لأنهم لا يجدون الكعبة في بلدانهم، فاستحب أن يكثروا من الطواف ماداموا بمكة، وقوم فضلوا الصلاة؛ لأنها أفضل من الطواف ، فالأفضل والأولى فيما أرى أن يكثر من هذا ويكثر من هذا، وإن كان غريباً، حتى لا يفوته فضل أحدهما، يساهم في هذا وفي هذا.
</font>
<font  color=gray>
<p>
فتوى للشيخ ابن باز رحمه الله
</body>
</html>

صفيه ناجح · #49 19 ذو الحجة 1433هـ/3-11-2012م, 09:13 PM

كود بلغة HTML:

<html dir="rtl">
<head><title>الواجب التطبيقي 6</title></head>
<body>

<ol>
<li> الرحمن
<li> الرحيم
<li> الملك
<li> القدوس
</ol>

<ul>
<li> السلام
<li> المؤمن
<li> المهيمن
<li> العزيز
</ul>

<pre> 
ص ض ط ظ
ع ح غ خ
ف ب و م
ج ي ش ض
</pre>

<p>عملية اكتشاف المعرفة في قواعد البيانات تتضمن عدد من المراحل تبدأ من جمع البيانات الخام الى مرحلة الحصول على المعرفة الجديدة ، وهي :-
<dl>
 <dt>اختيار البيانات: Data Selection <dd>في هذه المرحلة ، يتم تحديد واسترجاع البيانات الملائمة  من مجموعة البيانات  وذلك حسب الأهداف.
 <dt>معالجة وتنقية البيانات: Data Cleaning   <dd> كإلغاء المعلومات المتكررة ، التصحيح الشكلي ، معالجة البيانات الناقصة ،تعديل المعلومات بشكل يتلاءم مع هدف استخراجها .
 <dt>نقل البيانات : Data Transformation   <dd>وهي عملية نقل البيانات التي تم اختيارها الى شكل ملائم لاجراءات البحث والاسترجاع.
 <dt>استخراج البيانات: Data Mining   <dd>في هذه المرحلة سيتم تطبيق اسلوب ذكي لاستخراج نماذج مفيدة قدر الامكان .
 <dt>تقييم النموذج : Pattern Evaluation   <dd>بعد استخراج النماذج المهمة والتي تمثل المعرفة يتم تقييمها استنادا الى مقاييس محددة .
 <dt>تمثيل المعرفة : Knowledge Representation   <dd> وهي المرحلة الاخيرة من مراحل اكتشاف المعرفة في قواعد البيانات وهي المرحلة التي يراها المستخدم ، هذه المرحلة الاساسية تستخدم الاسلوب المرئي لمساعدة المستخدم في فهم و وتفسير نتائج استخراج البيانات . 
</dl>
</p>

</body>
</html>

سلمى نصار · #50 20 ذو الحجة 1433هـ/4-11-2012م, 01:53 AM

كود بلغة HTML:

 <html dir=rtl>
<head>
<title> أعمام النبي - صلى الله عليه وسلم - وحفر زمزم </title></head>
<body bgcolor = "#99FF00" bgproperties="fixed">
<br style="text-shadow:0.5 em 0.5 em 0.5 em #FF9999"><font face=" deco type naskh variants" color="#990000" size="6">
أولاد عبد المطلب بن هاشم 
</br></font></h6>
<br><font face =" times new roman" color="#000000" size=+2">
قال ابن هشام : ولد عبد المطلب بن هاشم عشرة نفر وست نسوة :
</font></br>
<p><font face =" times new roman" color="#000000" size=+2"><style>ul.circle{list-style-type:circle}
<li> العباس
<li> حمزة
<li> عبد الله
<li> أبا طالب واسمه عبد مناف
<li> الزبير
<li> الحارث
<li> حجلاً
<li> المقوم
<li> ضراراً
<li> أبا لهب واسمه عبد العزى
<li> صفية
<li> أم حكيم البيضاء
<li> عاتكة
<li> أميمة
<li> أروى
<li> برَّة
</style></font></p>
<font face=" deco type naskh variants" color="#990000" size="6"><br style="text-shadow:0.1 em 0.1 em 0.1 em #FF9999">
حفر بئر زمزم 
</br></font></h6>
<p style =" text-indent:20px"><font face =" times new roman" color="#000000" size=+2">
قال عبد المطلب : إني لنائم في الحجر إذ أتاني آتٍ فقال : احفر طَيبة . قال : قلت : وما طيبة ؟ قال : ثم ذهب عني . فلما كان الغد رجعت إلى مضجعي فنمت فيه ، فجاءني فقال : احفر بَرّة . قال : وما برة ؟ قال : ثم ذهب عني ، فلما كان الغد رجعت إلى مضجعي فنمت فيه ، فجاءني فقال : احفر المضنونة . قال : فقلت : وما المضنونة ؟ قال : ثم ذهب عني . فلما كان الغد رجعت إلى مضجعي فنمت فيه ، فجاءني فقال : احفر زمزم . قال : قلت : وما زمزم ؟ قال : لا تنزف أبدا ولا تُذَم ، تسقي الحجيج الأعظم ، وهي بين الفرث والدم ، عند نقرة الغراب الأعصم ، عند قرية النمل ...
</font></p>
<p style = " border-style: inset ; border-color:#FF9999;text-indent:20px"><font face =" times new roman" color="#000000" size=+2">
يقال أن بئر زمزم كان قرب صنمي إساف ونائلة ؛ تقول عائشة - رضي الله عنها - عنهما : ما زلنا نسمع أن إسافاً ونائلة كانا رجلاً وامرأة من جرهم ، أحدثا في الكعبة ، فمسخهما الله تعالى حجرين ، والله أعلم . 
</font></p></body></html>

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)