مناقشة / HTML ( الدرس الثاني ) : HTML Formatting

زهرة البيلسان · 28-07-2009, 12:13 PM

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

هذا رابط الدرس ..

>> HTML ( الدرس الثاني ) : HTML Formatting ‏ <<

* قم بتطبيق ما ورد في الدرس ..

* حاول أن تقوم بالتطبيق قبل أن تشاهد ردود الأعضاء في الموضوع ..

و إن واجهتك مشكلة فابحث عن حلها بين ردود الموضوع ..

.,.

أنتم هنا الأساتذة و التلاميذ ,

يعلّم بعضكم البعض ..

نتعاون لحل أي مشكلة و لإجابة أي استفسار ..

نعمل بروح الفريق الواحد ..

و نتذكر " والله في عون العبد ما كان العبد في عون أخيه "

بسم الله و على بركة الله نبدأ ..

الريــم التميمي · 28-07-2009, 12:51 PM

توي ما طبقت الدرس ولا قريته ادهر بالدرس الأول ^_^

بس بوه شي يخرش ولازم يطلع

بغيت أقول لـ زهره وريفان وكل المشرفين شكراً من صماصييييم أعماق قلبي

من دخلت النت أول مرة أحس إني قاعدة أتعلم و أسوي شي مفيد

السموحة ع الشحطة =)

y.s.a · 28-07-2009, 02:03 PM

تطبيق كآمل على الدرس

كود:

<html>
<head>
<title>
الدرس الثالث
</title>
</head>

<body>
<h1 align="center">
  الدرس الثالث
</h1>
<hr width=800 size=5>

<b>
أستغفر الله و أتوب إليه
</b>
<br>
<i>
أستغفر الله و أتوب إليه
</i>
<br>
<big>
أستغفر الله و أتوب إليه
</big>
<br>
<em>
أستغفر الله و أتوب إليه
</em>
<br>
<small>
أستغفر الله و أتوب إليه
</small>
<br>
<strong>
أستغفر الله و أتوب إليه
</strong>
<br>
أستغفر الله و أتوب <sub>إليه</sub>
<br>
أستغفر الله و أتوب <sup>إليه</sup>
<br>
<ins>
أستغفر الله و أتوب إليه
</ins>
<br>
<del>
أستغفر الله و أتوب إليه
</del>
<br>
<hr>
<code>
لآحول ولا قوة إلآ بالله
</code>
<br>
<kbd>
لآحول ولا قوة إلآ بالله
</kbd>
<br>
<samp>
لآحول ولا قوة إلآ بالله
</samp>
<br>
<tt>
لآحول ولا قوة إلآ بالله
</tt>
<br>
<var>
لآحول ولا قوة إلآ بالله
</var>
<br>
<pre>
لآحول ولا قوة إلآ بالله
</pre>
<hr>
<abbr title="الاتصالات السعودية">
stc
</abbr>
<br>
<acronym title="الاتصالات السعودية">
stc
</acronym>
<br>
<bdo dir="rtl">
سبحان الله
</bdo>
<br>
<q>
الله أكبر
</q>
<br>
<dfn>
سبحان الله
</dfn>

<!--by:y.s.a -->
</body>

</html>

حلو الذكرى · 28-07-2009, 02:18 PM

خطير درس اليوم ..
يبغاله رواقة وقعدة ..
مشكلته يبغاله لغه ..
ربي يسهله ..

M-Media · 28-07-2009, 02:28 PM

تسجيل حضور .. وجآري حل الواجب

كل الحنان(: · 28-07-2009, 02:46 PM

شسمه هذا الشيء أناآ دارية عنه من أول ما دخلت الرابط حق المحرر .

قعدت أحوس فيه وعجبني لأن الشرح انقلش .

بس توقعت انكم معتمدين عليه .. وإلا كان دليتكم عالكنز

تسجيل حضور + جآري قراءة آلدرس + التطبيق

BRB

الـمـهـا · 28-07-2009, 02:56 PM

.

...

درس اليوم خطيررررر =)
الله يسعدكم

الموقع الأعجوبة

http://www.w3schools.com/html/default.asp
جربت خواص كثيره
مو بس Formatting

وهذا اللي ظهر معاي

تطبيق سريع
احتمال بكره ما أقدر ادخل

كود:

<html dir="rtl">
<head>
<title>مذكرات البحث عن الكنز المجهول</title>
</head>
<body style="background-color:#FFCCCC;">
<b>إلى كل  من ساعدني على تقصي الطريق </b><br/>
<br>
<del>للبحث عن الكنز المفقود</del>
<br>
<em> شكراًعلى جميل صنعهم في توضيح الخريطة بهذا الشكل الرائع</em><br />

طريقة البحث
<ul>
  <li>فهم الدرس جيداً</li>
  <li>تطبيق الأوسمة وخواصها </li>
</ul>
<ins>
إذا اتبعت الخطوتين السابقتين سـ تصل إلى الكنز بكل سهوله
</ins>
<br>
<acronym title="أحد عضوات فريق التعلم الذاتي لبناء المواقع ">
Maha
</acronym>
</body>
</html>

..

ice cream · 28-07-2009, 02:57 PM

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

أنا أسجل دخـول =) ،

وإن شـآء الله سـَ يتمّ التطبيق ^^ ،~

شكراً لجهـودكم ( ) ،~

شكراً زهـرة البيلسـآن ( ) ،~

ice cream · 28-07-2009, 03:16 PM

عجبني الدرس الجديد كثيررر ، أحسنآ تَقدّمنآ فعلاً ^^

جآري المرآجعـة والتطبيق =) << عشان أستوعب مية مية

ريفــــــــــــــــان · 28-07-2009, 03:17 PM

الريم التميمي حياكِ الله وبارك فيك نتمنى لكم الفائدة جميعاً

y.s.a و المها . .

ما شاء الله ممتاز

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

.

ريفــــــــــــــــان · 28-07-2009, 03:19 PM

المشاركة الأصلية كتبت بواسطة كل الحنان(:

شسمه هذا الشيء أناآ دارية عنه من أول ما دخلت الرابط حق المحرر .

قعدت أحوس فيه وعجبني لأن الشرح انقلش .

بس توقعت انكم معتمدين عليه .. وإلا كان دليتكم عالكنز

تسجيل حضور + جآري قراءة آلدرس + التطبيق

BRB

حياك الله كل الحنان . .

نعم هذا الموقع معتمدين _ على الله _ ثم عليه من سنتين

هو المصدر الأساسي للشرح كله

ولهذا أردنا أن تجربوه وتتطلعوا عليه لأنه أشمل ويُحدّث باستمرار

.

M-Media · 28-07-2009, 03:31 PM

وهاهو التطبيق

كود PHP:

  <html dir="rtl">

<head>

<title>Unit Of beginner Lesson 3</title>

</head>

 
<body bgcolor="#FFFFCC" text="#660000">

<h2 align="center"> بسم الله الرحمن الرحيم </h2>

<p><b>الحمدلله أستطعنا فهم الدرس</b></p>

<p><strong>لمسة مبدع </strong></p>

<p><big>.|مصعب المالكي|.</big></p>

<p><em>لا اله الا الله وحده لا شريك له </em></p>

<p><i>تطبيق على نص مائل</i></p>

<p><small>هنا النص صغير</small></p>

<p>هنا النص بيكون<sub> منخفض</sub> وهنا <sup>مرتفع</sup></p>

<hr / size=3 noshade="noshade">

 
<p>هنا وسم pre ونقدر ننزل سطر فقط بالضغط على enter:</p>

 
<pre>

وهنا التجربة

1

2

</pre>

<hr /noshade="noshade"  size="2">

 
<code>هنا يظهر لدينا كود كمبيوتر</code>

<br>

<kbd>ومن هنا إدخال لوحة المفاتيح</kbd>

<br>

<tt>آلة طابعة .. "عجبني الوسم دا"</tt>

<br>

النص هنا كعينة من <samp> أكواد الكمبيوتر</samp>

<br>

يعرف النص هنا <var> كمتغير</var>

<hr size="2" />

<address dir="ltr">

Musab almalki<br>

BOX 11111<br>

Taif<br>

SAUDI ARABIA

</address>

<hr /size=1>

<abbr title="لمسة مبدع">ل.م</abbr>

<br />

<acronym title="شبكة المعالي الإسلامية">ش.م.إ</acronym>

 
<p>

هنا النص

<del>محذوف</del>

<ins>وهذا النص</ins>

مدخل</p>

<!-- هنا تجربه لأكواد الإقتباس-->

<blockquote>

هنا إقتباس طويل ..

<br /> وهنا أيضاً ...

<br /> جميلة فكرة الإقتباس :D

</blockquote>

<q>وهنا اقتباس قصير</q>

<hr />

<!-- اتحداكم تفهموا ايش مكتوب ذذ-->

<bdo dir="rtl">

S.L.T group .. thanks for these lessons

</bdo>

 
<h6 align="left">By : Creator Touch</h6>

</body>

</html>

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

ريفــــــــــــــــان · 28-07-2009, 03:42 PM

^

ماشاء الله تطبيق رائع

لكن وسم hr الشرطة المائلة (سلاش) تكون في الأخير بعد الانتهاء من الخصائص

كود PHP:

  <hr noshade="noshade"  size="2" />

و ليست في البداية كما كتبتم

كود PHP:

  <hr  / noshade="noshade"  size="2">

can you · 28-07-2009, 03:49 PM

ياناس كيف أضيف رابط يعني إذا ضغطت عليه ينتقل إلى الرابط مباشرة .؟.؟.؟

ريفــــــــــــــــان · 28-07-2009, 04:02 PM

^

في الدروس القادمة بإذن الله

تجدونه في المصدر في هذا الدرس

http://www.w3schools.com/html/html_links.asp

.

نُورة يحيَى · 28-07-2009, 04:47 PM

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

**مآشآء الله علي .. أول مرة افهم بدون مآ أطرد أخوآني من الغرفة

..

كود PHP:

  <html  dir="rtl">

 
<head dir="rtl">

<title> ma3ali.net </title>

</head>

 
<body dir="ltr">

<h2 dir="rtl">   تطبيق الدرس الثاني  </h2>

<br />

 
<h3> بسم الله .. </h3>

<br />

<hr />

<br />   <!-- أنشودة أدعوك =)) -->

<b dir="rtl">  أدعوك رب العآلمينآ</b>

<br />

<ins> أنت مجيب السآئلينآ </ins>

<br />

<sub>  أنت البديع لكوننآ </sub>

<br />

<i> تسبي عقول النآظرينآ</i>

<br />

<strong> فيه الجمآل مفاتنُ </strong>

<br />

<em> تبدي لنآ السحر المبينَ </em>

<br />

        <!-- خلص اللي أذكره من الأنشوده ض1 -->

<hr />

 
<br />

 
<b> تطبيق kyoko </b>

 
<strong> =) </strong>

 
<h3> شكرآ أسآتذتي =)</h3>

 
</body>

 
 
 
</html>

شكرآ جزيلآ ..

M-Media · 28-07-2009, 05:05 PM

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

^

ماشاء الله تطبيق رائع

لكن وسم hr الشرطة المائلة (سلاش) تكون في الأخير بعد الانتهاء من الخصائص

كود PHP:

<hr noshade="noshade" size="2" />

و ليست في البداية كما كتبتم

كود PHP:

<hr / noshade="noshade" size="2">

اهاا .. والله اني دايخ

بس غريبه طلعت صح

شكراً ريفان .. بجد الواحد يستفيد من الغلطات دي ..

إدراك · 28-07-2009, 05:12 PM

الدرس خطييييير

جااري حل الواجب ..

ريفــــــــــــــــان · 28-07-2009, 05:38 PM

kyoko . . ممتاز

بوركتِ

.

جماعة خيــــــر · 28-07-2009, 05:56 PM

تسجيل حضوووور,,

يآرب التيسيير ~


Ma3ali Tube	Be Happy	الجـوال	Ma3ali flickr	الغرفة الصوتية	البطاقات	الصـوتيـات	مركز التحميل	مجلة أجيال

28-07-2009, 02:18 PM	#4
حلو الذكرى اوسمتي مجموع الاوسمة: 1	خطير درس اليوم .. يبغاله رواقة وقعدة .. مشكلته يبغاله لغه .. ربي يسهله ..
حلو الذكرى اوسمتي مجموع الاوسمة: 1

28-07-2009, 02:56 PM	#7
الـمـهـا عضوية الوسام اوسمتي مجموع الاوسمة: 2	. ... درس اليوم خطيررررر =) الله يسعدكم الموقع الأعجوبة http://www.w3schools.com/html/default.asp جربت خواص كثيره مو بس Formatting وهذا اللي ظهر معاي تطبيق سريع احتمال بكره ما أقدر ادخل كود: <html dir="rtl"> <head> <title>مذكرات البحث عن الكنز المجهول</title> </head> <body style="background-color:#FFCCCC;"> <b>إلى كل من ساعدني على تقصي الطريق </b><br/> <br> <del>للبحث عن الكنز المفقود</del> <br> <em> شكراًعلى جميل صنعهم في توضيح الخريطة بهذا الشكل الرائع</em><br /> طريقة البحث <ul> <li>فهم الدرس جيداً</li> <li>تطبيق الأوسمة وخواصها </li> </ul> <ins> إذا اتبعت الخطوتين السابقتين سـ تصل إلى الكنز بكل سهوله </ins> <br> <acronym title="أحد عضوات فريق التعلم الذاتي لبناء المواقع "> Maha </acronym> </body> </html> ..
الـمـهـا عضوية الوسام اوسمتي مجموع الاوسمة: 2

28-07-2009, 04:47 PM	#16
نُورة يحيَى اوسمتي مجموع الاوسمة: 1	تطبيق الدرس .. **مآشآء الله علي .. أول مرة افهم بدون مآ أطرد أخوآني من الغرفة .. كود PHP: <html dir="rtl"> <head dir="rtl"> <title> ma3ali.net </title> </head> <body dir="ltr"> <h2 dir="rtl"> تطبيق الدرس الثاني </h2> <br /> <h3> بسم الله .. </h3> <br /> <hr /> <br /> <!-- أنشودة أدعوك =)) --> <b dir="rtl"> أدعوك رب العآلمينآ</b> <br /> <ins> أنت مجيب السآئلينآ </ins> <br /> <sub> أنت البديع لكوننآ </sub> <br /> <i> تسبي عقول النآظرينآ</i> <br /> <strong> فيه الجمآل مفاتنُ </strong> <br /> <em> تبدي لنآ السحر المبينَ </em> <br /> <!-- خلص اللي أذكره من الأنشوده ض1 --> <hr /> <br /> <b> تطبيق kyoko </b> <strong> =) </strong> <h3> شكرآ أسآتذتي =)</h3> </body> </html> شكرآ جزيلآ ..
نُورة يحيَى اوسمتي مجموع الاوسمة: 1

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

28-07-2009, 12:13 PM	#1
زهرة البيلسان	مناقشة / HTML ( الدرس الثاني ) : HTML Formatting السلام عليكم و رحمة الله .. هذا رابط الدرس .. >> HTML ( الدرس الثاني ) : HTML Formatting ‏ << * قم بتطبيق ما ورد في الدرس .. * حاول أن تقوم بالتطبيق قبل أن تشاهد ردود الأعضاء في الموضوع .. و إن واجهتك مشكلة فابحث عن حلها بين ردود الموضوع .. .,. أنتم هنا الأساتذة و التلاميذ , يعلّم بعضكم البعض .. نتعاون لحل أي مشكلة و لإجابة أي استفسار .. نعمل بروح الفريق الواحد .. و نتذكر " والله في عون العبد ما كان العبد في عون أخيه " بسم الله و على بركة الله نبدأ ..
زهرة البيلسان


منتديات مسلمة النسائية	مساحة إعلانيه

28-07-2009, 12:51 PM	#2
الريــم التميمي	توي ما طبقت الدرس ولا قريته ادهر بالدرس الأول ^_^ بس بوه شي يخرش ولازم يطلع بغيت أقول لـ زهره وريفان وكل المشرفين شكراً من صماصييييم أعماق قلبي من دخلت النت أول مرة أحس إني قاعدة أتعلم و أسوي شي مفيد السموحة ع الشحطة =)
الريــم التميمي

28-07-2009, 02:03 PM	#3
y.s.a	تطبيق كآمل على الدرس كود: <html> <head> <title> الدرس الثالث </title> </head> <body> <h1 align="center"> الدرس الثالث </h1> <hr width=800 size=5> <b> أستغفر الله و أتوب إليه </b> <br> <i> أستغفر الله و أتوب إليه </i> <br> <big> أستغفر الله و أتوب إليه </big> <br> <em> أستغفر الله و أتوب إليه </em> <br> <small> أستغفر الله و أتوب إليه </small> <br> <strong> أستغفر الله و أتوب إليه </strong> <br> أستغفر الله و أتوب <sub>إليه</sub> <br> أستغفر الله و أتوب <sup>إليه</sup> <br> <ins> أستغفر الله و أتوب إليه </ins> <br> <del> أستغفر الله و أتوب إليه </del> <br> <hr> <code> لآحول ولا قوة إلآ بالله </code> <br> <kbd> لآحول ولا قوة إلآ بالله </kbd> <br> <samp> لآحول ولا قوة إلآ بالله </samp> <br> <tt> لآحول ولا قوة إلآ بالله </tt> <br> <var> لآحول ولا قوة إلآ بالله </var> <br> <pre> لآحول ولا قوة إلآ بالله </pre> <hr> <abbr title="الاتصالات السعودية"> stc </abbr> <br> <acronym title="الاتصالات السعودية"> stc </acronym> <br> <bdo dir="rtl"> سبحان الله </bdo> <br> <q> الله أكبر </q> <br> <dfn> سبحان الله </dfn> <!--by:y.s.a --> </body> </html>
y.s.a

28-07-2009, 02:28 PM	#5
M-Media	تسجيل حضور .. وجآري حل الواجب
M-Media

28-07-2009, 02:46 PM	#6
كل الحنان(:	شسمه هذا الشيء أناآ دارية عنه من أول ما دخلت الرابط حق المحرر . قعدت أحوس فيه وعجبني لأن الشرح انقلش . بس توقعت انكم معتمدين عليه .. وإلا كان دليتكم عالكنز تسجيل حضور + جآري قراءة آلدرس + التطبيق BRB
كل الحنان(:

28-07-2009, 02:57 PM	#8
ice cream	وعليكم السلآم ورحمة الله وبركآته ، أنا أسجل دخـول =) ، وإن شـآء الله سـَ يتمّ التطبيق ^^ ،~ شكراً لجهـودكم ( ) ،~ شكراً زهـرة البيلسـآن ( ) ،~
ice cream

28-07-2009, 03:16 PM	#9
ice cream	عجبني الدرس الجديد كثيررر ، أحسنآ تَقدّمنآ فعلاً ^^ جآري المرآجعـة والتطبيق =) << عشان أستوعب مية مية
ice cream

28-07-2009, 03:17 PM	#10
ريفــــــــــــــــان	الريم التميمي حياكِ الله وبارك فيك نتمنى لكم الفائدة جميعاً y.s.a و المها . . ما شاء الله ممتاز بارك الله فيكم .
ريفــــــــــــــــان

28-07-2009, 03:31 PM	#12
M-Media	وهاهو التطبيق كود PHP: <html dir="rtl"> <head> <title>Unit Of beginner Lesson 3</title> </head> <body bgcolor="#FFFFCC" text="#660000"> <h2 align="center"> بسم الله الرحمن الرحيم </h2> <p><b>الحمدلله أستطعنا فهم الدرس</b></p> <p><strong>لمسة مبدع </strong></p> <p><big>.\|مصعب المالكي\|.</big></p> <p><em>لا اله الا الله وحده لا شريك له </em></p> <p><i>تطبيق على نص مائل</i></p> <p><small>هنا النص صغير</small></p> <p>هنا النص بيكون<sub> منخفض</sub> وهنا <sup>مرتفع</sup></p> <hr / size=3 noshade="noshade"> <p>هنا وسم pre ونقدر ننزل سطر فقط بالضغط على enter:</p> <pre> وهنا التجربة 1 2 </pre> <hr /noshade="noshade" size="2"> <code>هنا يظهر لدينا كود كمبيوتر</code> <br> <kbd>ومن هنا إدخال لوحة المفاتيح</kbd> <br> <tt>آلة طابعة .. "عجبني الوسم دا"</tt> <br> النص هنا كعينة من <samp> أكواد الكمبيوتر</samp> <br> يعرف النص هنا <var> كمتغير</var> <hr size="2" /> <address dir="ltr"> Musab almalki<br> BOX 11111<br> Taif<br> SAUDI ARABIA </address> <hr /size=1> <abbr title="لمسة مبدع">ل.م</abbr> <br /> <acronym title="شبكة المعالي الإسلامية">ش.م.إ</acronym> <p> هنا النص <del>محذوف</del> <ins>وهذا النص</ins> مدخل</p> <!-- هنا تجربه لأكواد الإقتباس--> <blockquote> هنا إقتباس طويل .. <br /> وهنا أيضاً ... <br /> جميلة فكرة الإقتباس :D </blockquote> <q>وهنا اقتباس قصير</q> <hr /> <!-- اتحداكم تفهموا ايش مكتوب ذذ--> <bdo dir="rtl"> S.L.T group .. thanks for these lessons </bdo> <h6 align="left">By : Creator Touch</h6> </body> </html> حبيت بس اقول حآجه .. في الدرس لقيتكم حآطين لنا كود فيه الدرس .. المهم اني اخذت منو طريقة تلوين النص في الصفحه + وضع لون للخلفية
M-Media

28-07-2009, 05:56 PM	#20
جماعة خيــــــر	تسجيل حضوووور,, يآرب التيسيير ~
جماعة خيــــــر

28-07-2009, 03:42 PM	#13
ريفــــــــــــــــان	^ ماشاء الله تطبيق رائع لكن وسم hr الشرطة المائلة (سلاش) تكون في الأخير بعد الانتهاء من الخصائص كود PHP: `<hr noshade="noshade" size="2" />` و ليست في البداية كما كتبتم كود PHP: `<hr / noshade="noshade" size="2">`
ريفــــــــــــــــان

28-07-2009, 03:49 PM	#14
can you	ياناس كيف أضيف رابط يعني إذا ضغطت عليه ينتقل إلى الرابط مباشرة .؟.؟.؟
can you

28-07-2009, 04:02 PM	#15
ريفــــــــــــــــان	^ في الدروس القادمة بإذن الله تجدونه في المصدر في هذا الدرس http://www.w3schools.com/html/html_links.asp .
ريفــــــــــــــــان

28-07-2009, 05:12 PM	#18
إدراك	الدرس خطييييير جااري حل الواجب ..
إدراك

28-07-2009, 05:38 PM	#19
ريفــــــــــــــــان	kyoko . . ممتاز بوركتِ .
ريفــــــــــــــــان

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

الأعضاء الذين قرؤوا الموضوع منذ 30 يوم ( أيام ) : 0 .
الموضوع لم يُقرأ بعد

مناقشة / HTML ( الدرس الثاني ) : HTML Formatting

مسار الواعدين