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

ريفــــــــــــــــان · 28-08-2007, 07:38 PM

. . .

*

قام نفر من أعضاء فريق التعلم الذاتي . .

بالتنقيب عن كنزٍ مفقود . .

وتم العثور على الطريق المؤدية إليه . . ولله الحمد . .

ولأن الإيثار . . من خصال أعضاء الفريق . .

لم يستأثروا بها دون غيرهم . .

لذا . . رسموا لنا خريطة للوصول إليه . .

الكنز في >> هذه البلدة <<

بعد أن تم الوصول . . إليها . .

وجدنا المعلم التالي . . فوضحنا عليه خطوات الوصول

في اليسار مراحل (دروس) لابد من تجاوزها للوصول إلى الكنز

وفي الوسط نجد تفاصيل كل مرحلة . .

انتهينا الآن من المراحل (الدروس) التالية:

HTML HOME

HTML Introduction

HTML Elements

HTML Basic Tags

____________

وصلنا الآن إلى المرحلة (الدرس)

HTML Formatting

وسنشرحها اليوم بإذن الله

في آخر الموضوع

لكن دعونا نكمل خريطة الكنز . .

______________

بعدما دخلنا على HTML Formatting وهو درسنا اليوم

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

وجدنا التالي

رقم (1): يشير إلى المرحلة

رقم (2): عنوان المرحلة في الأعلى

رقم (3): أمثلة لما سنتعلمه في هذا الدرس

كل رابط يؤدي إلى مثال على المحرر . . جربوها

. . .

أيضاً في نفس الصفحة . . السابقة

وجدنا . . جدول . . عنده كلمة Tags

ونحن نعرف أن كلمة Tags تعني الوسوم

إذن هذا جدول لوسوم هذا الدرس

قرأنا كل وسم . . ووصفه

اشتقنا لمعرفة المزيد عن كل وسم

فضغطنا على أحد الوسوم في الجدول السابق

لينقلنا إلى صفحة الوسم . .

( كل وسم يؤدي إلى صفحة خاصة به . . )

مثل هذه الصفحة

صفحة الوسم . .

تحتوي على اسمه . . في أعلاها

وأمثلة لكيفية صياغته . . وناتجه . .

. . .

أيضاً قد تحتوي على جداول . . عندها كلمة Attributes

ونحن نعلم أن Attributes تعني خواص

هذه الجداول توضح . .

كل خاصية . . بجانبها القيمة . . والوصف

وللعلم فالخواص . . على أربعة أقسام:

الأول : جدول Required Attributes

وهذا يعني الخواص المطلوبة والضرورية لعمل الوسم

الثاني: جدول Optional Attributes

ويعني الخواص الاختيارية . . وهي التي نحتاجها . .

الثالث: نجد فقرة Standard Attributes

وهذه تعني الخواص القياسية . .

وهذه لا نحتاج منها الآن إلا . . dir

الرابع: نجد فقرة Event Attributes

وهذه لانحتاجها الآن . .

هذا مايخص أقسام الخواص

. . .

أحياناً تحتوي صفحة الوسم

على أمثلة للتجربة على المحرر . .

كي نعدل ونرى النتائج

>>> مثال على المحرر <<<

______________

فصرنا نأخذ كل وسم ونضع معه أحد خصائصه وقيمة لها

ثم نجرب في المحرر لنكتشف بأنفسنا ما وظائفها

وأردنا أن تشاركونا المتعة . . في ذلك . .

[ متعة في طريق الكنز ]

ما رأيكم بذلك ؟ . .

____________

ملاحظات . .

* الصفحات فيها اختلافات بسيطة . .

لكن نعرف جدول الوسوم بكلمة Tags

نضغط على أي وسم . . تظهر لنا صفحته الخاصة به

لنعرف كيف نكتبه في الكود

ونتعرف على خصائصه .. ويهمنا منها

الـ Required Attributes و Optional Attributes

نجد الجدول الخاص بالخصائص وأمامها القيم

نأخذ ونجرب . .

الحفظ ليس ضرورياً . .

الخصائص والقيم لا تحفظ كلها لأنها موجودة في المراجع

لكن تعرّفوا على طريقة كتابتها . .

نحن معكم . . في تجربتكم واستفساراتكم عن بلدة الكنز . .

لكن جربوا . . أعطوا إبداعكم فرصة . .

نحن بانتظاركم . .

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

>>> يتبع

. . .

ريفــــــــــــــــان · 28-08-2007, 07:54 PM

. . .

الشرح . . على شكل صفحة

انسخوا الكود وألصقوه في أي محرر

أو في المفكرة . .

ملاحظة . . عند النقر على أي وسم في الجدول

يؤدي إلى صفحة الوسم في المصدر . .

. . .

تفضلوا الدرس ولا تنسوا الرجوع للواجب ...

كود:

<html dir="rtl">

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

</head>

<body bgcolor="000000" alink="#FFFF00" link="#FF00FF" text="#FFFFFF" scroll="auto">
<center>
<h2>بسم الله الرحمـن الرحيم</h2>
<p>أعـضـاء وعـضـوات فريـق التعلم الذاتي لبناء المواقع</p>
<p>السلام عليكم ورحمـة الله وبركـاتـه</p>
<p>درسـنـا الـيـوم هــــــو</p>
<p><font size="7"><a target="_blank" href="http://www.w3schools.com/html/html_formatting.asp">
HTML Formatting</a></font></p>

<hr color="#FFFF00">
الدرس على طريقة جدول <br>
كل وسم سوف يكون له وصف بالعربي وبالانجليزي<br>
الوصف عبارة عن وصف وكذلك مثال للوسـم

<br>
عند الضغط على الوسم في الجدول سوف تدخل على الصفحة الخاصة بالوسم في الموقع المصدر<hr color="#FFFF00">
<h2>Text Formatting Tags</h2>
<h2>وسوم تنسيق النص</h2>


<table  border="1" align="center">

<tr align="center">
<th>الوصف</th>
<th>الوسم | Tag</th>
<th>Description</th>
</tr>
<tr align="center">
<td><b>يُعرّفُ نصّ غامقُ أو تخـين</b></td>
<td><a href="http://www.w3schools.com/tags/tag_font_style.asp">&lt;b&gt;</a></td>
<td><b>Defines bold text</b></td>
</tr>
<tr align="center">
<td><big>يُعرّفُ نَصّاً كبيراً</big></td>
<td><a href="http://www.w3schools.com/tags/tag_font_style.asp">&lt;big&gt;</a></td>
<td><big>Defines big text</big></td>

</tr>
<tr align="center">
<td><em>يُعرّفُ نَصّاً مُؤَكَّداً</em></td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;em&gt;</a></td>
<td><em>Defines emphasized text</em></td>
</tr>
<tr align="center">
<td><i>يُعرّفُ نَصّاً مائلاً</i></td>
<td><a href="http://www.w3schools.com/tags/tag_font_style.asp">&lt;i&gt;</a></td>
<td><i>Defines italic text</i></td>
</tr>
<tr align="center">
<td><small>يُعرّفُ نَصّاً صغيراً</small></td>
<td><a href="http://www.w3schools.com/tags/tag_font_style.asp">&lt;small&gt;</a></td>
<td><small>Defines small text</small></td>

</tr>
<tr align="center">
<td><strong>يُعرّفُ نَصّاً قوياً</strong></td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;strong&gt;</a></td>
<td><strong>Defines strong text</strong></td>
</tr>
<tr align="center">
<td>يجعل النص <sub>منخفض</sub></td>
<td><a href="http://www.w3schools.com/tags/tag_sup.asp">&lt;sub&gt;</a></td>
<td>Defines subscripted <sub>text</sub></td>
</tr>
<tr align="center">
<td>يجعل النص <sup>مرتفع</sup></td>
<td><a href="http://www.w3schools.com/tags/tag_sup.asp">&lt;sup&gt;</a></td>
<td>Defines superscripted <sup>text</sup></td>

</tr>
<tr align="center">
<td><ins>يُعرّفُ نَصّاً مُدخَلاً</ins></td>
<td><a href="http://www.w3schools.com/tags/tag_ins.asp">&lt;ins&gt;</a></td>
<td><ins>Defines inserted text</ins></td>
</tr>
<tr align="center">
<td><del>يُعرّفُ نَصّاً مَحْذُوفاً</del></td>
<td><a href="http://www.w3schools.com/tags/tag_del.asp">&lt;del&gt;</a></td>
<td><del>Defines deleted text</del></td>
</tr>
<tr align="center">
<td><s>مستنكر , استخدم &lt;del&gt; بدلاً عنه</s></td>
<td><a href="http://www.w3schools.com/tags/tag_strike.asp">&lt;s&gt;</a></td>
<td><s>Deprecated. Use &lt;del&gt; instead</s></td>

</tr>
<tr align="center">
<td><strike>مستنكر , استخدم &lt;del&gt; بدلاً عنه</strike></td>
<td><a href="http://www.w3schools.com/tags/tag_strike.asp">&lt;strike&gt;</a></td>
<td><strike>Deprecated. Use &lt;del&gt; instead</strike></td>
</tr>
<tr align="center">
<td><u>مستنكر , استخدم لغة الـCSS بدلا عنه</u></td>
<td><a href="http://www.w3schools.com/tags/tag_u.asp">&lt;u&gt;</a></td>
<td><u>Deprecated. Use styles instead</u></td>
</tr>
</table>
<font color="#FFFF00">
لاحظـتـم فـي الجدول السابـق أن بـعـض الوسوم تشـبـة بعـض في
الاستخدام<br>
وقـد تسألون مالفرق ... لا فرق ... !!!
</font>
<br>
<hr color="#800000" noshade="noshade">
<h2>&quot;Computer Output&quot; Tags</h2>
<h2>وسوم خرج الحاسب</h2>
<table border="1">
<tr align="center">
<th>الوصف</th>
<th>الوسم | Tag</th>
<th>Description</th>
</tr>
<tr align="center">
<td><code>يُعرّفُ نَصُّ رمزِ حاسوبِ</code></td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;code&gt;</a></td>
<td><code>Defines computer code text</code></td>

</tr>
<tr align="center">
<td><kbd>يُعرّفُ نَصُّ لوحةِ مفاتيح</kbd></td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;kbd&gt;</a></td>
<td><kbd>Defines keyboard text&nbsp;</kbd></td>
</tr>
<tr align="center">
<td><samp>يظهر النص كعينة من أكواد الكمبيوتر</samp></td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;samp&gt;</a></td>
<td><samp>Defines sample computer code</samp></td>
</tr>
<tr align="center">
<td><tt>يعرف نص شبيه بالألة الطابعة</tt></td>
<td><a href="http://www.w3schools.com/tags/tag_font_style.asp">&lt;tt&gt;</a></td>
<td><tt>Defines teletype text</tt></td>

</tr>
<tr align="center">
<td><var>يُعرّفُ متغيّر</var></td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;var&gt;</a></td>
<td><var>Defines a variable</var></td>
</tr>
<tr align="center">
<td>يعرف نص مهيأ مسبقاً</td>
<td><a href="http://www.w3schools.com/tags/tag_pre.asp">&lt;pre&gt;</a></td>
<td>Defines preformatted text</td>
</tr>
<tr align="center">
<td>مُسْتَنْكر. إستعمال &lt;pre&gt; بدلاً مِن ذلك</td>
<td>&lt;listing&gt;</td>
<td>Deprecated. Use &lt;pre&gt; instead </td>

</tr>
<tr align="center">
<td>مُسْتَنْكر. إستعمال &lt;pre&gt; بدلاً مِن ذلك</td>
<td>&lt;plaintext&gt;</td>
<td>Deprecated. Use &lt;pre&gt; instead</td>
</tr>
<tr align="center">
<td>مُسْتَنْكر. إستعمال &lt;pre&gt; بدلاً مِن ذلك</td>
<td>&lt;xmp&gt;</td>
<td>Deprecated. Use &lt;pre&gt; instead</td>

</tr>
</table>
<br>
<font color="#FFFF00">
الأربعـه الوسوم الأخـيـرة اللي في الجدول لا يمكن وضع مثالها في الجدول <br>
لأن عـمـلهـا مختلف عـن الوسوم السـابقـة <br>
عـمـلهـا جعل النص الذي تكتبـه في الكود يظهـر كـمـا هـو <br>
بمعنى اذا وضعت عدة مسافات سوف تظهر بنفس الشكل واذا نزلت سطر جديد بواسطة الضغط على زر إنتر<br>
سوف تجد عند استعراض الصفحـة أن النص نزل سطر جديد بدون استخدام وسم &lt;br&gt;
<br>
مثــال علـى استخدامـهـا :<br>
النص المكتوب في الكود بهذا الشكل و يظهر بنفس الشكل :<br>
<hr width="30%">
<pre>
هــذا     مثــال  عــلــى
الوسوم    الأربــعــة    الأخــيرة
</pre>
<hr width="30%">
ملاحـظـات من تجربتي /<br> وسـم &lt;pre&gt; و وسم &lt;listing&gt; متشابهان في عملهما .. اذا كتبت وسم فلن يظهر و سوف يظهر تأثير على النص<br>
أما وسم &lt;xmp&gt; سـوف يظهر النص كما كتبتـه وكذلك اذا كتبت وسوم فسوف يظهرها كنص و يلغي عملها<br>
أما وسم &lt;br&gt; فهـو شبيـة بوسم &lt;plaintext&gt; لكن ليس لديـه وسم اقفال !! <br>
</font>
<hr color="#800000" noshade="noshade">
<h2>Citations, Quotations, and Definition Tags</h2>
<h2>الإقتباسات ، التقديرات وتعريف الأوسمة </h2>
<table border="1">
<tr align="center">
<th>الوصف</th>
<th>الوسم | Tag</th>
<th>Description</th>
</tr>
<tr align="center">
<td>يعرف إختصار</td>
<td><a href="http://www.w3schools.com/tags/tag_abbr.asp">&lt;abbr&gt;</a></td>
<td>Defines an abbreviation</td>

</tr>
<tr align="center">
<td>يعرف إختصار</td>
<td><a href="http://www.w3schools.com/tags/tag_acronym.asp">&lt;acronym&gt;</a></td>
<td>Defines an acronym</td>
</tr>
<tr align="center">
<td>يعرف عنوان</td>
<td><a href="http://www.w3schools.com/tags/tag_address.asp">&lt;address&gt;</a></td>
<td>Defines an address element</td>
</tr>
<tr align="center">
<td>يُعرّفُ إتّجاهُ النَصَّ</td>
<td><a href="http://www.w3schools.com/tags/tag_bdo.asp">&lt;bdo&gt;</a></td>
<td>Defines the text direction</td>

</tr>
<tr align="center">
<td>يعرف اقتباس طويل</td>
<td><a href="http://www.w3schools.com/tags/tag_blockquote.asp">&lt;blockquote&gt;</a></td>
<td> Defines a long quotation</td>
</tr>
<tr align="center">
<td>يعرف اقتباس قصير</td>
<td><a href="http://www.w3schools.com/tags/tag_q.asp">&lt;q&gt;</a></td>
<td>Defines a short quotation</td>
</tr>
<tr align="center">
<td>يُعرّفُ إقتباس</td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;cite&gt;</a></td>
<td>Defines a citation</td>
</tr>
<tr align="center">
<td>تحديد أو تعريف العبارة</td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;dfn&gt;</a></td>
<td>Defines a definition term</td>
</tr>

</table>
<br>
<font color="#FFFF00">
أمـثـلـة الوسوم التي في الجدول السـابق /<br>
عـنـد الضـغط على الوسم سوف تدخل على الصفحـة الخاصـة بالوسم <br>
سـوف تجـد الأمثـلـة هـنـاك فـي انتظارك<br>
</font>
<hr>
<font color="#808000" size="5">
تـعـاون فـي الشـرح كلاَ مـن :
<br>
ريفــــــــــــــان
<br>
فرجيني
<br>
خربشات طفلة
<br>
شادل
<br>
محمد جبلي
<br>
آسف اذا نسيت اسـم أحد !!
<br>
تـم عـمـل هـذه الصـفـحـة مـن قـبـل<br> محمد جبلي<br>
</font>
</center>
</body>

</html>

[ الواجب ]

اكتبوا أي كود لأي وسم في الدرس

لكن باستخدام أحد خصائصه وقيمة لها

تكفي خاصية واحدة لوسم واحد

(طبعاً . . من الخواص الاختيارية أو المطلوبة إن وجدت )

لأننا لن نحتاج إلى غيرها . . حالياً

من أين تأتون بالخصائص الخاصة بالوسم وقيمها ؟

امممم . . لا أحد يعلّم ..

محمد جبلي · 28-08-2007, 10:48 PM

جـزاكـم الله خـيــر ...

والكـنـز بإذن الله لـن نتكره ... و سوف نتقاسمه في مابيننا ..

شباب .. شابات .. شياب .. شايبات .. براعم .. برعمات .. ورونا ابداعاتكـم

دفء كلمه · 28-08-2007, 10:52 PM

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

فرجيني · 28-08-2007, 10:57 PM

يعطيك العافية ريفان ، وطبعاً ما ننسى LALLAKY رجل الهتمل : )

كنت عارفة إني دائماً أجي متأخرة ..

على العموم في التحضير عدلت على ألوان الشرح .. مو مشكلة نزل الشرح قبل تعديلي ..

التعديل للي عندهم مشاكل في النظر

كود:


<html dir="rtl">

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

</head>

<body bgcolor="#FFFFFF" alink="#FFFF00" link="#FF00FF" text="000000" scroll="auto">
<center>
<h2>بسم الله الرحمـن الرحيم</h2>
<p>أعـضـاء وعـضـوات فريـق التعلم الذاتي لبناء المواقع</p>
<p>السلام عليكم ورحمـة الله وبركـاتـه</p>
<p>درسـنـا الـيـوم هــــــو</p>
<p><font size="7"><a target="_blank" href="http://www.w3schools.com/html/html_formatting.asp">
HTML Formatting</a></font></p>

<hr color="#FFFF00">
الدرس على طريقة جدول <br>
كل وسم سوف يكون له وصف بالعربي وبالانجليزي<br>
الوصف عبارة عن وصف وكذلك مثال للوسـم

<br>
عند الضغط على الوسم في الجدول سوف تدخل على الصفحة الخاصة بالوسم في الموقع المصدر<hr color="#FFFF00">
<h2>Text Formatting Tags</h2>
<h2>وسوم تنسيق النص</h2>


<table  border="1" align="center">

<tr align="center">
<th>الوصف</th>
<th>الوسم | Tag</th>
<th>Description</th>
</tr>
<tr align="center">
<td><b>يُعرّفُ نصّ غامقُ أو تخـين</b></td>
<td><a href="http://www.w3schools.com/tags/tag_font_style.asp">&lt;b&gt;</a></td>
<td><b>Defines bold text</b></td>
</tr>
<tr align="center">
<td><big>يُعرّفُ نَصّاً كبيراً</big></td>
<td><a href="http://www.w3schools.com/tags/tag_font_style.asp">&lt;big&gt;</a></td>
<td><big>Defines big text</big></td>

</tr>
<tr align="center">
<td><em>يُعرّفُ نَصّاً مُؤَكَّداً</em></td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;em&gt;</a></td>
<td><em>Defines emphasized text</em></td>
</tr>
<tr align="center">
<td><i>يُعرّفُ نَصّاً مائلاً</i></td>
<td><a href="http://www.w3schools.com/tags/tag_font_style.asp">&lt;i&gt;</a></td>
<td><i>Defines italic text</i></td>
</tr>
<tr align="center">
<td><small>يُعرّفُ نَصّاً صغيراً</small></td>
<td><a href="http://www.w3schools.com/tags/tag_font_style.asp">&lt;small&gt;</a></td>
<td><small>Defines small text</small></td>

</tr>
<tr align="center">
<td><strong>يُعرّفُ نَصّاً قوياً</strong></td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;strong&gt;</a></td>
<td><strong>Defines strong text</strong></td>
</tr>
<tr align="center">
<td>يجعل النص <sub>منخفض</sub></td>
<td><a href="http://www.w3schools.com/tags/tag_sup.asp">&lt;sub&gt;</a></td>
<td>Defines subscripted <sub>text</sub></td>
</tr>
<tr align="center">
<td>يجعل النص <sup>مرتفع</sup></td>
<td><a href="http://www.w3schools.com/tags/tag_sup.asp">&lt;sup&gt;</a></td>
<td>Defines superscripted <sup>text</sup></td>

</tr>
<tr align="center">
<td><ins>يُعرّفُ نَصّاً مُدخَلاً</ins></td>
<td><a href="http://www.w3schools.com/tags/tag_ins.asp">&lt;ins&gt;</a></td>
<td><ins>Defines inserted text</ins></td>
</tr>
<tr align="center">
<td><del>يُعرّفُ نَصّاً مَحْذُوفاً</del></td>
<td><a href="http://www.w3schools.com/tags/tag_del.asp">&lt;del&gt;</a></td>
<td><del>Defines deleted text</del></td>
</tr>
<tr align="center">
<td><s>مستنكر , استخدم &lt;del&gt; بدلاً عنه</s></td>
<td><a href="http://www.w3schools.com/tags/tag_strike.asp">&lt;s&gt;</a></td>
<td><s>Deprecated. Use &lt;del&gt; instead</s></td>

</tr>
<tr align="center">
<td><strike>مستنكر , استخدم &lt;del&gt; بدلاً عنه</strike></td>
<td><a href="http://www.w3schools.com/tags/tag_strike.asp">&lt;strike&gt;</a></td>
<td><strike>Deprecated. Use &lt;del&gt; instead</strike></td>
</tr>
<tr align="center">
<td><u>مستنكر , استخدم لغة الـCSS بدلا عنه</u></td>
<td><a href="http://www.w3schools.com/tags/tag_u.asp">&lt;u&gt;</a></td>
<td><u>Deprecated. Use styles instead</u></td>
</tr>
</table>
<font color="600020">
لاحظـتـم فـي الجدول السابـق أن بـعـض الوسوم تشـبـة بعـض في
الاستخدام<br>
وقـد تسألون مالفرق ... لا فرق ... !!!
</font>
<br>
<hr color="#800000" noshade="noshade">
<h2>&quot;Computer Output&quot; Tags</h2>
<h2>وسوم خرج الحاسب</h2>
<table border="1">
<tr align="center">
<th>الوصف</th>
<th>الوسم | Tag</th>
<th>Description</th>
</tr>
<tr align="center">
<td><code>يُعرّفُ نَصُّ رمزِ حاسوبِ</code></td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;code&gt;</a></td>
<td><code>Defines computer code text</code></td>

</tr>
<tr align="center">
<td><kbd>يُعرّفُ نَصُّ لوحةِ مفاتيح</kbd></td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;kbd&gt;</a></td>
<td><kbd>Defines keyboard text&nbsp;</kbd></td>
</tr>
<tr align="center">
<td><samp>يظهر النص كعينة من أكواد الكمبيوتر</samp></td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;samp&gt;</a></td>
<td><samp>Defines sample computer code</samp></td>
</tr>
<tr align="center">
<td><tt>يعرف نص شبيه بالألة الطابعة</tt></td>
<td><a href="http://www.w3schools.com/tags/tag_font_style.asp">&lt;tt&gt;</a></td>
<td><tt>Defines teletype text</tt></td>

</tr>
<tr align="center">
<td><var>يُعرّفُ متغيّر</var></td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;var&gt;</a></td>
<td><var>Defines a variable</var></td>
</tr>
<tr align="center">
<td>يعرف نص مهيأ مسبقاً</td>
<td><a href="http://www.w3schools.com/tags/tag_pre.asp">&lt;pre&gt;</a></td>
<td>Defines preformatted text</td>
</tr>
<tr align="center">
<td>مُسْتَنْكر. إستعمال &lt;pre&gt; بدلاً مِن ذلك</td>
<td>&lt;listing&gt;</td>
<td>Deprecated. Use &lt;pre&gt; instead </td>

</tr>
<tr align="center">
<td>مُسْتَنْكر. إستعمال &lt;pre&gt; بدلاً مِن ذلك</td>
<td>&lt;plaintext&gt;</td>
<td>Deprecated. Use &lt;pre&gt; instead</td>
</tr>
<tr align="center">
<td>مُسْتَنْكر. إستعمال &lt;pre&gt; بدلاً مِن ذلك</td>
<td>&lt;xmp&gt;</td>
<td>Deprecated. Use &lt;pre&gt; instead</td>

</tr>
</table>
<br>
<font color="600020">
الأربعـه الوسوم الأخـيـرة اللي في الجدول لا يمكن وضع مثالها في الجدول <br>
لأن عـمـلهـا مختلف عـن الوسوم السـابقـة <br>
عـمـلهـا جعل النص الذي تكتبـه في الكود يظهـر كـمـا هـو <br>
بمعنى اذا وضعت عدة مسافات سوف تظهر بنفس الشكل واذا نزلت سطر جديد بواسطة الضغط على زر إنتر<br>
سوف تجد عند استعراض الصفحـة أن النص نزل سطر جديد بدون استخدام وسم &lt;br&gt;
<br>
مثــال علـى استخدامـهـا :<br>
النص المكتوب في الكود بهذا الشكل و يظهر بنفس الشكل :<br>
<hr width="30%">
<pre>
هــذا     مثــال  عــلــى
الوسوم    الأربــعــة    الأخــيرة
</pre>
<hr width="30%">
ملاحـظـات من تجربتي /<br> وسـم &lt;pre&gt; و وسم &lt;instead&gt; متشابهان في عملهما .. اذا كتبت وسم فلن يظهر و سوف يظهر تأثير على النص<br>
أما وسم &lt;xmp&gt; سـوف يظهر النص كما كتبتـه وكذلك اذا كتبت وسوم فسوف يظهرها كنص و يلغي عملها<br>
أما وسم &lt;br&gt; فهـو شبيـة بوسم &lt;plaintext&gt; لكن ليس لديـه وسم اقفال !! <br>
</font>
<hr color="#800000" noshade="noshade">
<h2>Citations, Quotations, and Definition Tags</h2>
<h2>الإقتباسات ، التقديرات وتعريف الأوسمة </h2>
<table border="1">
<tr align="center">
<th>الوصف</th>
<th>الوسم | Tag</th>
<th>Description</th>
</tr>
<tr align="center">
<td>يعرف إختصار</td>
<td><a href="http://www.w3schools.com/tags/tag_abbr.asp">&lt;abbr&gt;</a></td>
<td>Defines an abbreviation</td>

</tr>
<tr align="center">
<td>يعرف إختصار</td>
<td><a href="http://www.w3schools.com/tags/tag_acronym.asp">&lt;acronym&gt;</a></td>
<td>Defines an acronym</td>
</tr>
<tr align="center">
<td>يعرف عنوان</td>
<td><a href="http://www.w3schools.com/tags/tag_address.asp">&lt;address&gt;</a></td>
<td>Defines an address element</td>
</tr>
<tr align="center">
<td>يُعرّفُ إتّجاهُ النَصَّ</td>
<td><a href="http://www.w3schools.com/tags/tag_bdo.asp">&lt;bdo&gt;</a></td>
<td>Defines the text direction</td>

</tr>
<tr align="center">
<td>يعرف اقتباس طويل</td>
<td><a href="http://www.w3schools.com/tags/tag_blockquote.asp">&lt;blockquote&gt;</a></td>
<td> Defines a long quotation</td>
</tr>
<tr align="center">
<td>يعرف اقتباس قصير</td>
<td><a href="http://www.w3schools.com/tags/tag_q.asp">&lt;q&gt;</a></td>
<td>Defines a short quotation</td>
</tr>
<tr align="center">
<td>يُعرّفُ إقتباس</td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;cite&gt;</a></td>
<td>Defines a citation</td>
</tr>
<tr align="center">
<td>تحديد أو تعريف العبارة</td>
<td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;dfn&gt;</a></td>
<td>Defines a definition term</td>
</tr>

</table>
<br>
<font color="600020">
أمـثـلـة الوسوم التي في الجدول السـابق /<br>
عـنـد الضـغط على الوسم سوف تدخل على الصفحـة الخاصـة بالوسم <br>
سـوف تجـد الأمثـلـة هـنـاك فـي انتظارك<br>
</font>
<hr>
<font color="#808000" size="5">
تـعـاون فـي الشـرح كلاَ مـن :
<br>
ريفــــــــــــــان
<br>
فرجيني
<br>
خربشات طفلة
<br>
شادل
<br>
LaLLaKy
<br>
آسف اذا نسيت اسـم أحد !!
<br>
تـم عـمـل هـذه الصـفـحـة مـن قـبـل<br> LaLLaKy <br>
</font>
</center>
</body>

</html>

مـــقدام · 28-08-2007, 11:01 PM

ما شاء الله كنز رائع....

لي عودة....

فرجيني · 28-08-2007, 11:27 PM

Optional Attributes
DTD indicates in which DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.

هل من شارح لنا هنا

وصـال · 28-08-2007, 11:45 PM

جاري التطبيق . .

محمد جبلي · 28-08-2007, 11:51 PM

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

Optional Attributes
DTD indicates in which DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.

هل من شارح لنا هنا

فرجيني .. أتركي الأمر هـذا الى أن نأخذ لغة الـ XHTML

أقصد الـ DTD فقط .. أم باقي الجدول فمعانا

بالتوفيق

فرجيني · 28-08-2007, 11:57 PM

طيب

twinkle · 29-08-2007, 12:06 AM

يا سلالالالالالالالالالالالالالالام على الكنزززززززززززززززز

وبمناسبة الكنز هذا تطبيقي الكلي ^_^

>>>>>>>>>>>>>>>> طبعا التطبيق يحتوي على بعض التعليقات الجانبية :P

كود:

<html>

<body>
نص عاااادي

<br />

<small>نص صغيييير</small>

<br>

<big>نص كبيييييير</big>

<br />

<b>نص عريض</b>

<br>

<strong>نص قوي</strong>

<br />

<em>نص مؤكد</em>

<br>

<i>نص مائل</i>

<br />

<sub>نص منخفض</sub>

<br />

<sup>نص مرتفع</sup>

<br />

<del>نص محذوف</del> و <ins>نص مدخل مكان المحذوف</ins> ^_^

<br />

<code>كود</code>

<br />

<kbd>كيبورد</kbd>

<br />

<samp>كود كمبيوتر</samp>

<br>

<tt>آلة طابعة</tt>

<br />

<pre>Twinkle

<b>Twinkle</b></pre>  <!--br تم كتابة توينكل العريضة في سطر مستقل مع أنه لم يكتب وسم -->   

<abbr title="Nice & Cute Girl ^_*">Twinkle</abbr>

<br>

<acronym title="also Nice & Cute Girl *_^">Twinkle</acronym>

<br /> <br />

<address>KSA<br /> Ar-Riyadh</address>

<br>

<bdo dir="ltr">أقدر أغير إتجاه الخط</bdo>

<br />

<bdo dir="rtl">ليه النص السابق مخربط!!!</bdo>

<br />

<blockquote>نص مقتبس طويييييل يترك مسافة بيضاء قبل النص<p>حتى لو كان هناك فقرة في الوسط</p>الدنيا ماشية<br />ولو حطينا سطر جديد<p>كأننا مستخدمين الفقرة</p> بس الفرق في وجود مسافة بسيطة أعلى وأسفل الفقرة</blockquote>

<br />

<q>الاقتباس القصير ما يترك مسافة بيضاء قبل النص لكنه يضع رمز الاقتباس "" بدلا من المسافة البيضاء الموجودة في الاقتباس الطويل... ورمز الاقتباس يظهر في المتصفح الأوبرا والفايرفوكس... بس الانترنت اكسبلورر مايطلع فيه ^_^</q>

<br>

<cite>نص مقتبس</cite>
<i>كأنه مائل</i>
<em>وكأنه مؤكد</em>
<dfn>وكأنه تعريف</dfn>



</body>


</html>

والواجب طبقته في الكود السابق... وهذا هو

كود:

<bdo dir="ltr">أقدر أغير إتجاه الخط</bdo>

<br />

<bdo dir="rtl">ليه النص السابق مخربط!!!</bdo>

ممكن أكتب كم استفسار أو تعليق جاء على بالي وأنا أكتب الكود:

لاحظـتـم فـي الجدول السابـق أن بـعـض الوسوم تشـبـة بعـض في الاستخدام
وقـد تسألون مالفرق ... لا فرق ... !!!

وهم:
الوسم em مع i .... الوسم strong مع b .... والوسمان strike و s مع del ^_^

بما أنه لا فرق... فما الغرض من كثرة (السواليف)؟ ^_^

**************************************** ***

قوية كلمة (مستنكر) *_* بصراحة أول ماقريتها خفت *_* >>>>>>> الوافي يجيب كلام يخوف *_*

**************************************** ***

هل code , samp, kbd, tt تغير الـFont حق النص؟؟ يعني كأني مستخدمة فونت MS Sans أو MS Sans Serif مثلا؟؟؟

**************************************** ***

في جزئية (ملاحظات من تجربتي) ... كتب الوسم instead ،، بينما في الجدول اسم الوسم هو listing ...

**************************************** ***

الوسوم listing و plaintext و xmp لم يتعرف عليها محرر HTMLPad 2007 !!!!!

**************************************** ***

ما الفرق بين abbr و acronym في الوظيفة؟؟؟ >>>>>>> بصراحة تنفع في كتابة التعليقات والحواشي ^_^

**************************************** ***

لماذا احتجت وضع مرتين بين الـ acronym و الـaddress حتى يطلع سطر جديد في النتيجة؟؟ >>>>> طبعا داخل محرر HTMLPad

كود:

<acronym title="also Nice & Cute Girl *_^">Twinkle</acronym>

<br /> <br />

<address>KSA<br /> Ar-Riyadh</address>

وسلامتكم ^_^

kiwi · 29-08-2007, 12:13 AM

شكراً لكم

جاري التطبق بإذن الله

فــرَح · 29-08-2007, 12:24 AM

جاااااااري النظر في الوضوع و التطبيق

بوركتم

memories · 29-08-2007, 12:39 AM

جزاكم الله خير على الكنز ....وإن شاء الله نفوز بالوصول إلية سويا

........................................ .............................
حــــــــــــــــــل الواجب

كود PHP:

  <html dir="rtl">

     <head>

          <title>شبكة المعالي الإسلامية</title>

      </head>

  <body>  <!-- الدرس الثالث-->

      <b><i><center> بسم الله الرحمن الرحيم </center></i></b>

       <pre width="4">

        اللهم         

               أغفر               

                             لنا       

                                      و ارحمنا

               آمين                  

</pre>

 
  </body>

</html>

الوسم <pre> يطبع النص على الصفحة كما كتب في المصدر
ولدية الخاصية width
وهي تحدد أكبرعدد الحروف والرموز والمسافات لكل سطر (وقمتها عادةً =40 ,80,أو 132)
استخدمتها في التطبيق وما وجدت لها تأثير؟؟؟
لماذا؟؟؟

راحة بال · 29-08-2007, 12:49 AM

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

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

ان شاء الله تعالى

أرق تحية

محمد جبلي · 29-08-2007, 12:56 AM

تـونكـل ماشاء الله فـي كل درس أنت المتميزة ..

وبمـا ان ردك دائمـاً طويـل ( وهذا يدل على اهتمامك ) فراح أرد على نقس ردك
مـع حذف بعض الكلام .. !! ..
ردي طبعـاً بالأحـمـر كالعادة ..

---------------------------------------------

كود:

<html>
<body>
نص عاااادي
<br />
<small>نص صغيييير</small>
<br>
<big>نص كبيييييير</big>
<br />
<b>نص عريض</b>
<br>
<strong>نص قوي</strong>
<br />
<em>نص مؤكد</em>
<br>
<i>نص مائل</i>
<br />
 <!--  يستعمل مثلا في رموز الرياضيات -->
<sub>نص منخفض</sub>
<br />
 <!--  يستعمل مثلا في رموز الرياضيات -->
<sup>نص مرتفع</sup>
<br />
<del>نص محذوف</del> و <ins>نص مدخل مكان المحذوف</ins> ^_^
<br />
<code>كود</code>
<br />
<kbd>كيبورد</kbd>
<br />
<samp>كود كمبيوتر</samp>
<br>
<tt>آلة طابعة</tt>
<br />
<pre>Twinkle
<b>Twinkle</b></pre>  <!--br تم كتابة توينكل العريضة في سطر مستقل مع أنه لم يكتب وسم -->
<abbr title="Nice & Cute Girl ^_*">Twinkle</abbr>
<br>
<acronym title="also Nice & Cute Girl *_^">Twinkle</acronym>
<br /> <br />
<address>KSA<br /> Ar-Riyadh</address>
<br>
<bdo dir="ltr">أقدر أغير إتجاه الخط</bdo>
<br />
<bdo dir="rtl">ليه النص السابق مخربط!!!</bdo>
<br />
<blockquote>نص مقتبس طويييييل يترك مسافة بيضاء قبل النص<p>حتى لو كان هناك فقرة في الوسط</p>الدنيا ماشية<br />ولو حطينا سطر جديد<p>كأننا مستخدمين الفقرة</p> بس الفرق في وجود مسافة بسيطة أعلى وأسفل الفقرة</blockquote>
<br />

<q>الاقتباس القصير ما يترك مسافة بيضاء قبل النص لكنه يضع رمز الاقتباس "" بدلا من المسافة البيضاء الموجودة في الاقتباس الطويل... ورمز الاقتباس يظهر في المتصفح الأوبرا والفايرفوكس... بس الانترنت اكسبلورر مايطلع فيه ^_^</q>

<br>

<cite>نص مقتبس</cite>
<i>كأنه مائل</i>
<em>وكأنه مؤكد</em>
<dfn>وكأنه تعريف</dfn>



</body>


</html>

--------------------------------------------
والواجب طبقته في الكود السابق... وهذا هو

كود:

<bdo dir="ltr">أقدر أغير إتجاه الخط</bdo>

<br />

<bdo dir="rtl">ليه النص السابق مخربط!!!</bdo>

ممكن أكتب كم استفسار أو تعليق جاء على بالي وأنا أكتب الكود:

وهم:
الوسم em مع i .... الوسم strong مع b .... والوسمان strike و s مع del ^_^

بما أنه لا فرق... فما الغرض من كثرة (السواليف)؟

مجرد فضاوه
**************************************** ***

قوية كلمة (مستنكر) *_* بصراحة أول ماقريتها خفت *_* >>>>>>> الوافي يجيب كلام يخوف *_*

.................................!!!

**************************************** ***

هل code , samp, kbd, tt تغير الـFont حق النص؟؟ يعني كأني مستخدمة فونت MS Sans أو MS Sans Serif مثلا؟؟؟

تقريبـاً .. يعني بدل استخدام الخط هـو توماتكلي يغيره

**************************************** ***

في جزئية (ملاحظات من تجربتي) ... كتب الوسم instead ،، بينما في الجدول اسم الوسم هو listing ...

مـاشـاء الله .. كـان في نـاس تقلـي ملاحظتك قويـة لكـن أكتشفت انه في ناس ملاحظتهم أقوى مني ^_^

خطــأ إمـلائـي .. ونطلـب من الأخت المشرفـة التعـديــل .. وشكراً على التنبيـه وهـذا مانتطلع له دائماً من أعضاء الفريق
**************************************** ***

الوسوم listing و plaintext و xmp لم يتعرف عليها محرر HTMLPad 2007 !!!!!

عشان كذا قلك الوافي ( مستنكر )
صح ماراح يتعرف عليهم لكن عند استعراض الكود سوف تجدي انهم يأدون عملهم بالشكل المطلوب

**************************************** ***

ما الفرق بين abbr و acronym في الوظيفة؟؟؟ >>>>>>> بصراحة تنفع في كتابة التعليقات والحواشي ^_^

لا فـرق !! أنـا ذكرت انه في وسوم تتشابه في العمل ..

وترى الاكسبلورار 7 صار يدعمهـا وشغاله تمام عندي على الاكسبلورار ( أحم أحم )

**************************************** ***

لماذا احتجت وضع مرتين بين الـ acronym و الـaddress حتى يطلع سطر جديد في النتيجة؟؟ >>>>> طبعا داخل محرر HTMLPad

كود:

<acronym title="also Nice & Cute Girl *_^">Twinkle</acronym>

<br /> <br />

<address>KSA<br /> Ar-Riyadh</address>

تأكدي !!
أنا خليتها وحده وظهر KSA في سطر جديد !!

وسلامتكم ^_^

الله يسلـمك

عاصم نت · 29-08-2007, 12:56 AM

الحين اطبق

لكن متى تخلص الدورة؟؟؟

فرجيني · 29-08-2007, 12:58 AM

هذا تلخيصي وتطبيقي للجزء الأول :

لكن للأسف مشكلتي في الدرس الماضي ما انحلت وهي إني ماقدرت استخدم algin بقيمة التوسيط في h1

وفيه شيء استجد ..

من خصائص النص المدخل والنص المحذوف cite وقيتها url

ما اعرف كيف تكتب ، والموقع ما وضح هالشيء ..

؟؟؟

كود:

<html dir="rtl">
<body>

كل وسوم تنسيق النص 
<br>

Text Formatting Tags
<br>

ليس لها خواص تهمنا سوى 

<br>

dir 

<br>

ولها قيمتان : rtl & ltr 

<br>

باستثناء

<br>
 
ins و del

<br>


 وتعنيان

<br>

نص مدخل inserted text

<br>

و

<br>

نص محذوف deleted text
<br>
ويستعملان غالباً مع بعضهما للتعبير عن التعديلات والتجديدات على الوثيقة 

<br>

فلهما إضافة إلى خاصية dir

<br>

خاصيتان هما :

<br>

1- cite 

<br>

وقيمتها : url 

<br>
 وهي رابط ينقلك إلى وثيقة آخرى توضح لماذا حذف أو أدخل النص

<br>

2- datetime

<br>

وقيمتها : YYYYMMDD
<br>

y= السنة
<br>
m= الشهر
<br>
d=اليوم
<br>
<br>

و هي للتعريف بالتاريخ والوقت الذي أدخل أو حذف فيه النص

<br>


<h1 algin="center">
تطبيقي على وسوم تنسيق النص :

</h1>


<p algin="justify">

<b>
لقد بدأت كلّ الثورات الصناعية في العالم من الإنسان نفسه
</b>

<br>
ولذا أصبح اليابان


<em>ياباناً </em> 
وأصبحت أوربا ما هي عليه اليوم


<br>
<sup dir="rtl">
وحدهم العرب
</sup>
 راحوا يبنون المباني ويسمّون الجدران ثورة

<br>

 ويأخذون الأرض من هذا ويعطونها لذاك، ويسمّون هذا ثورة ..!! 

<br>

الثورة عندما لا نكون في حاجة إلى أن نستورد حتى أكلنا من الخارج

<br>

الثورة عندما يصل
<ins cite=url="http://forum.ma3ali.net/forumdisplay.php?f=115"> 
المواطن

</ins>

إلى مستوى الآلة التي يسيّرها ..!!


<br>


<sub>
أحلام مستغانمي

</sub>

</body>
</html>

محمد جبلي · 29-08-2007, 01:04 AM

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

جزاكم الله خير على الكنز ....وإن شاء الله نفوز بالوصول إلية سويا

........................................ .............................
حــــــــــــــــــل الواجب

كود PHP:

<html dir="rtl"> <head> <title>شبكة المعالي الإسلامية</title> </head> <body>  <center> بسم الله الرحمن الرحيم </center> <pre width="4"> اللهم أغفر لنا و ارحمنا آمين </pre> </body> </html>

الوسم <pre> يطبع النص على الصفحة كما كتب في المصدر
ولدية الخاصية width
وهي تحدد أكبرعدد الحروف والرموز والمسافات لكل سطر (وقمتها عادةً =40 ,80,أو 132)
استخدمتها في التطبيق وما وجدت لها تأثير؟؟؟
لماذا؟؟؟

ثاني وحده تحل الواجب تمام

ممتازه ..

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

توجد اختلافات بين المتصفحات
لذلـك تجدي بعض المواقع تنصح باستخدام متصفح فلاني

بارك الله فيكـِ

ملاحظـة / الجنس عندك مكتوب براعـم .. ولكن تتميز الفتيات بالتنظيم أكثر من الأولاد
لـذلـك تبادر لعقلـي أنك فتاة
وان كان غير ذلك فأنا آسف ..

محمد جبلي · 29-08-2007, 01:18 AM

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

هذا تلخيصي وتطبيقي للجزء الأول :

لكن للأسف مشكلتي في الدرس الماضي ما انحلت وهي إني ماقدرت استخدم algin بقيمة التوسيط في h1

وفيه شيء استجد ..

من خصائص النص المدخل والنص المحذوف cite وقيتها url

ما اعرف كيف تكتب ، والموقع ما وضح هالشيء ..

؟؟؟

كود:

<html dir="rtl">
<body>

كل وسوم تنسيق النص 
<br>

Text Formatting Tags
<br>

ليس لها خواص تهمنا سوى 

<br>

dir 

<br>

ولها قيمتان : rtl & ltr 

<br>

باستثناء

<br>
 
ins و del

<br>


 وتعنيان

<br>

نص مدخل inserted text

<br>

و

<br>

نص محذوف deleted text
<br>
ويستعملان غالباً مع بعضهما للتعبير عن التعديلات والتجديدات على الوثيقة 

<br>

فلهما إضافة إلى خاصية dir

<br>

خاصيتان هما :

<br>

1- cite 

<br>

وقيمتها : url 

<br>
 وهي رابط ينقلك إلى وثيقة آخرى توضح لماذا حذف أو أدخل النص

<br>

2- datetime

<br>

وقيمتها : YYYYMMDD
<br>

y= السنة
<br>
m= الشهر
<br>
d=اليوم
<br>
<br>

و هي للتعريف بالتاريخ والوقت الذي أدخل أو حذف فيه النص

<br>


<h1 algin="center">
تطبيقي على وسوم تنسيق النص :

</h1>


<p algin="justify">

<b>
لقد بدأت كلّ الثورات الصناعية في العالم من الإنسان نفسه
</b>

<br>
ولذا أصبح اليابان


<em>ياباناً </em> 
وأصبحت أوربا ما هي عليه اليوم


<br>
<sup dir="rtl">
وحدهم العرب
</sup>
 راحوا يبنون المباني ويسمّون الجدران ثورة

<br>

 ويأخذون الأرض من هذا ويعطونها لذاك، ويسمّون هذا ثورة ..!! 

<br>

الثورة عندما لا نكون في حاجة إلى أن نستورد حتى أكلنا من الخارج

<br>

الثورة عندما يصل
<ins cite=url="http://forum.ma3ali.net/forumdisplay.php?f=115">
المواطن

</ins>

إلى مستوى الآلة التي يسيّرها ..!!


<br>


<sub>
أحلام مستغانمي

</sub>

</body>
</html>

ماقدرتي تستخدميهـا عشنك كاتبتها خطأ

----------------------------------
الخاصيـة cite قيمتها URL يعني رابط لموقع انترنت ..
الرابط اللي نحطه يكون فيه السبب لحذف النص وادخال النص الثاني مكانه
-----------------------------------
الكود عند ماشاء الله روعـه

وثالث وحده تحل الواجب

بس كما قلتلك سابق عدم وضع القيمة URL في خاصيـة cite وانما وضع الرابط مباشرتاً

كود:

<ins cite="http://forum.ma3ali.net/forumdisplay.php?f=115">

أظن خاصية cite ليس لها فائدة الا لكاتب الصفحة نفسه
يعني لمن يدخل على الكود يتذكر السبب اللي خلاه يغير الكلام بكلام تاني

أما اللي بيشوف الصفحه ماراح يظهر له الرابط الا اذا قام بالدخول على الكود حق الصفحة

يعني مالها داعي


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

28-08-2007, 10:48 PM	#3
محمد جبلي اوسمتي مجموع الاوسمة: 1	جـزاكـم الله خـيــر ... والكـنـز بإذن الله لـن نتكره ... و سوف نتقاسمه في مابيننا .. شباب .. شابات .. شياب .. شايبات .. براعم .. برعمات .. ورونا ابداعاتكـم
محمد جبلي اوسمتي مجموع الاوسمة: 1

29-08-2007, 12:56 AM	#16
محمد جبلي اوسمتي مجموع الاوسمة: 1	تـونكـل ماشاء الله فـي كل درس أنت المتميزة .. وبمـا ان ردك دائمـاً طويـل ( وهذا يدل على اهتمامك ) فراح أرد على نقس ردك مـع حذف بعض الكلام .. !! .. ردي طبعـاً بالأحـمـر كالعادة .. --------------------------------------------- كود: <html> <body> نص عاااادي <br /> <small>نص صغيييير</small> <br> <big>نص كبيييييير</big> <br /> <b>نص عريض</b> <br> <strong>نص قوي</strong> <br /> <em>نص مؤكد</em> <br> <i>نص مائل</i> <br /> <!-- يستعمل مثلا في رموز الرياضيات --> <sub>نص منخفض</sub> <br /> <!-- يستعمل مثلا في رموز الرياضيات --> <sup>نص مرتفع</sup> <br /> <del>نص محذوف</del> و <ins>نص مدخل مكان المحذوف</ins> ^_^ <br /> <code>كود</code> <br /> <kbd>كيبورد</kbd> <br /> <samp>كود كمبيوتر</samp> <br> <tt>آلة طابعة</tt> <br /> <pre>Twinkle <b>Twinkle</b></pre> <!--br تم كتابة توينكل العريضة في سطر مستقل مع أنه لم يكتب وسم --> <abbr title="Nice & Cute Girl ^_">Twinkle</abbr> <br> <acronym title="also Nice & Cute Girl _^">Twinkle</acronym> <br /> <br /> <address>KSA<br /> Ar-Riyadh</address> <br> <bdo dir="ltr">أقدر أغير إتجاه الخط</bdo> <br /> <bdo dir="rtl">ليه النص السابق مخربط!!!</bdo> <br /> <blockquote>نص مقتبس طويييييل يترك مسافة بيضاء قبل النص<p>حتى لو كان هناك فقرة في الوسط</p>الدنيا ماشية<br />ولو حطينا سطر جديد<p>كأننا مستخدمين الفقرة</p> بس الفرق في وجود مسافة بسيطة أعلى وأسفل الفقرة</blockquote> <br /> <q>الاقتباس القصير ما يترك مسافة بيضاء قبل النص لكنه يضع رمز الاقتباس "" بدلا من المسافة البيضاء الموجودة في الاقتباس الطويل... ورمز الاقتباس يظهر في المتصفح الأوبرا والفايرفوكس... بس الانترنت اكسبلورر مايطلع فيه ^_^</q> <br> <cite>نص مقتبس</cite> <i>كأنه مائل</i> <em>وكأنه مؤكد</em> <dfn>وكأنه تعريف</dfn> </body> </html> -------------------------------------------- والواجب طبقته في الكود السابق... وهذا هو كود: <bdo dir="ltr">أقدر أغير إتجاه الخط</bdo> <br /> <bdo dir="rtl">ليه النص السابق مخربط!!!</bdo> ممكن أكتب كم استفسار أو تعليق جاء على بالي وأنا أكتب الكود: وهم: الوسم em مع i .... الوسم strong مع b .... والوسمان strike و s مع del ^_^ بما أنه لا فرق... فما الغرض من كثرة (السواليف)؟ مجرد فضاوه ************************************** * قوية كلمة (مستنكر) _ بصراحة أول ماقريتها خفت _ >>>>>>> الوافي يجيب كلام يخوف _ .................................!!! ************************************** * هل code , samp, kbd, tt تغير الـFont حق النص؟؟ يعني كأني مستخدمة فونت MS Sans أو MS Sans Serif مثلا؟؟؟ تقريبـاً .. يعني بدل استخدام الخط هـو توماتكلي يغيره ************************************** * في جزئية (ملاحظات من تجربتي) ... كتب الوسم instead ،، بينما في الجدول اسم الوسم هو listing ... مـاشـاء الله .. كـان في نـاس تقلـي ملاحظتك قويـة لكـن أكتشفت انه في ناس ملاحظتهم أقوى مني ^_^ خطــأ إمـلائـي .. ونطلـب من الأخت المشرفـة التعـديــل .. وشكراً على التنبيـه وهـذا مانتطلع له دائماً من أعضاء الفريق ************************************** * الوسوم listing و plaintext و xmp لم يتعرف عليها محرر HTMLPad 2007 !!!!! عشان كذا قلك الوافي ( مستنكر ) صح ماراح يتعرف عليهم لكن عند استعراض الكود سوف تجدي انهم يأدون عملهم بالشكل المطلوب ************************************** * ما الفرق بين abbr و acronym في الوظيفة؟؟؟ >>>>>>> بصراحة تنفع في كتابة التعليقات والحواشي ^_^ لا فـرق !! أنـا ذكرت انه في وسوم تتشابه في العمل .. وترى الاكسبلورار 7 صار يدعمهـا وشغاله تمام عندي على الاكسبلورار ( أحم أحم ) ************************************** * لماذا احتجت وضع <br> مرتين بين الـ acronym و الـaddress حتى يطلع سطر جديد في النتيجة؟؟ >>>>> طبعا داخل محرر HTMLPad كود: <acronym title="also Nice & Cute Girl *_^">Twinkle</acronym> <br /> <br /> <address>KSA<br /> Ar-Riyadh</address> تأكدي !! أنا خليتها وحده وظهر KSA في سطر جديد !! وسلامتكم ^_^ الله يسلـمك
محمد جبلي اوسمتي مجموع الاوسمة: 1

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

28-08-2007, 07:38 PM	#1
ريفــــــــــــــــان	HTML ( الدرس الثاني ) : HTML Formatting . . . * قام نفر من أعضاء فريق التعلم الذاتي . . بالتنقيب عن كنزٍ مفقود . . وتم العثور على الطريق المؤدية إليه . . ولله الحمد . . ولأن الإيثار . . من خصال أعضاء الفريق . . لم يستأثروا بها دون غيرهم . . لذا . . رسموا لنا خريطة للوصول إليه . . الكنز في >> هذه البلدة << بعد أن تم الوصول . . إليها . . وجدنا المعلم التالي . . فوضحنا عليه خطوات الوصول في اليسار مراحل (دروس) لابد من تجاوزها للوصول إلى الكنز وفي الوسط نجد تفاصيل كل مرحلة . . انتهينا الآن من المراحل (الدروس) التالية: HTML HOME HTML Introduction HTML Elements HTML Basic Tags ____________ وصلنا الآن إلى المرحلة (الدرس) HTML Formatting وسنشرحها اليوم بإذن الله في آخر الموضوع لكن دعونا نكمل خريطة الكنز . . ______________ بعدما دخلنا على HTML Formatting وهو درسنا اليوم http://www.w3schools.com/html/html_formatting.asp وجدنا التالي رقم (1): يشير إلى المرحلة رقم (2): عنوان المرحلة في الأعلى رقم (3): أمثلة لما سنتعلمه في هذا الدرس كل رابط يؤدي إلى مثال على المحرر . . جربوها . . . أيضاً في نفس الصفحة . . السابقة وجدنا . . جدول . . عنده كلمة Tags ونحن نعرف أن كلمة Tags تعني الوسوم إذن هذا جدول لوسوم هذا الدرس قرأنا كل وسم . . ووصفه اشتقنا لمعرفة المزيد عن كل وسم فضغطنا على أحد الوسوم في الجدول السابق لينقلنا إلى صفحة الوسم . . ( كل وسم يؤدي إلى صفحة خاصة به . . ) مثل هذه الصفحة صفحة الوسم . . تحتوي على اسمه . . في أعلاها وأمثلة لكيفية صياغته . . وناتجه . . . . . أيضاً قد تحتوي على جداول . . عندها كلمة Attributes ونحن نعلم أن Attributes تعني خواص هذه الجداول توضح . . كل خاصية . . بجانبها القيمة . . والوصف وللعلم فالخواص . . على أربعة أقسام: الأول : جدول Required Attributes وهذا يعني الخواص المطلوبة والضرورية لعمل الوسم الثاني: جدول Optional Attributes ويعني الخواص الاختيارية . . وهي التي نحتاجها . . الثالث: نجد فقرة Standard Attributes وهذه تعني الخواص القياسية . . وهذه لا نحتاج منها الآن إلا . . dir الرابع: نجد فقرة Event Attributes وهذه لانحتاجها الآن . . هذا مايخص أقسام الخواص . . . أحياناً تحتوي صفحة الوسم على أمثلة للتجربة على المحرر . . كي نعدل ونرى النتائج >>> مثال على المحرر <<< ______________ فصرنا نأخذ كل وسم ونضع معه أحد خصائصه وقيمة لها ثم نجرب في المحرر لنكتشف بأنفسنا ما وظائفها وأردنا أن تشاركونا المتعة . . في ذلك . . [ متعة في طريق الكنز ] ما رأيكم بذلك ؟ . . ____________ ملاحظات . . * الصفحات فيها اختلافات بسيطة . . لكن نعرف جدول الوسوم بكلمة Tags نضغط على أي وسم . . تظهر لنا صفحته الخاصة به لنعرف كيف نكتبه في الكود ونتعرف على خصائصه .. ويهمنا منها الـ Required Attributes و Optional Attributes نجد الجدول الخاص بالخصائص وأمامها القيم نأخذ ونجرب . . الحفظ ليس ضرورياً . . الخصائص والقيم لا تحفظ كلها لأنها موجودة في المراجع لكن تعرّفوا على طريقة كتابتها . . نحن معكم . . في تجربتكم واستفساراتكم عن بلدة الكنز . . لكن جربوا . . أعطوا إبداعكم فرصة . . نحن بانتظاركم . . درس اليوم في ردي القادم بإذن الله >>> يتبع . . .
ريفــــــــــــــــان	التعديل الأخير تم بواسطة ريفــــــــــــــــان ; 26-07-2009 الساعة 09:45 PM.


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

28-08-2007, 07:54 PM	#2
ريفــــــــــــــــان	. . . الشرح . . على شكل صفحة انسخوا الكود وألصقوه في أي محرر أو في المفكرة . . ملاحظة . . عند النقر على أي وسم في الجدول يؤدي إلى صفحة الوسم في المصدر . . . . . تفضلوا الدرس ولا تنسوا الرجوع للواجب ... كود: <html dir="rtl"> <head> <title>الدرس الثالث</title> </head> <body bgcolor="000000" alink="#FFFF00" link="#FF00FF" text="#FFFFFF" scroll="auto"> <center> <h2>بسم الله الرحمـن الرحيم</h2> <p>أعـضـاء وعـضـوات فريـق التعلم الذاتي لبناء المواقع</p> <p>السلام عليكم ورحمـة الله وبركـاتـه</p> <p>درسـنـا الـيـوم هــــــو</p> <p><font size="7"><a target="_blank" href="http://www.w3schools.com/html/html_formatting.asp"> HTML Formatting</a></font></p> <hr color="#FFFF00"> الدرس على طريقة جدول <br> كل وسم سوف يكون له وصف بالعربي وبالانجليزي<br> الوصف عبارة عن وصف وكذلك مثال للوسـم <br> عند الضغط على الوسم في الجدول سوف تدخل على الصفحة الخاصة بالوسم في الموقع المصدر<hr color="#FFFF00"> <h2>Text Formatting Tags</h2> <h2>وسوم تنسيق النص</h2> <table border="1" align="center"> <tr align="center"> <th>الوصف</th> <th>الوسم \| Tag</th> <th>Description</th> </tr> <tr align="center"> <td><b>يُعرّفُ نصّ غامقُ أو تخـين</b></td> <td><a href="http://www.w3schools.com/tags/tag_font_style.asp"><b></a></td> <td><b>Defines bold text</b></td> </tr> <tr align="center"> <td><big>يُعرّفُ نَصّاً كبيراً</big></td> <td><a href="http://www.w3schools.com/tags/tag_font_style.asp"><big></a></td> <td><big>Defines big text</big></td> </tr> <tr align="center"> <td><em>يُعرّفُ نَصّاً مُؤَكَّداً</em></td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><em></a></td> <td><em>Defines emphasized text</em></td> </tr> <tr align="center"> <td><i>يُعرّفُ نَصّاً مائلاً</i></td> <td><a href="http://www.w3schools.com/tags/tag_font_style.asp"><i></a></td> <td><i>Defines italic text</i></td> </tr> <tr align="center"> <td><small>يُعرّفُ نَصّاً صغيراً</small></td> <td><a href="http://www.w3schools.com/tags/tag_font_style.asp"><small></a></td> <td><small>Defines small text</small></td> </tr> <tr align="center"> <td><strong>يُعرّفُ نَصّاً قوياً</strong></td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><strong></a></td> <td><strong>Defines strong text</strong></td> </tr> <tr align="center"> <td>يجعل النص <sub>منخفض</sub></td> <td><a href="http://www.w3schools.com/tags/tag_sup.asp"><sub></a></td> <td>Defines subscripted <sub>text</sub></td> </tr> <tr align="center"> <td>يجعل النص <sup>مرتفع</sup></td> <td><a href="http://www.w3schools.com/tags/tag_sup.asp"><sup></a></td> <td>Defines superscripted <sup>text</sup></td> </tr> <tr align="center"> <td><ins>يُعرّفُ نَصّاً مُدخَلاً</ins></td> <td><a href="http://www.w3schools.com/tags/tag_ins.asp"><ins></a></td> <td><ins>Defines inserted text</ins></td> </tr> <tr align="center"> <td><del>يُعرّفُ نَصّاً مَحْذُوفاً</del></td> <td><a href="http://www.w3schools.com/tags/tag_del.asp"><del></a></td> <td><del>Defines deleted text</del></td> </tr> <tr align="center"> <td><s>مستنكر , استخدم <del> بدلاً عنه</s></td> <td><a href="http://www.w3schools.com/tags/tag_strike.asp"><s></a></td> <td><s>Deprecated. Use <del> instead</s></td> </tr> <tr align="center"> <td><strike>مستنكر , استخدم <del> بدلاً عنه</strike></td> <td><a href="http://www.w3schools.com/tags/tag_strike.asp"><strike></a></td> <td><strike>Deprecated. Use <del> instead</strike></td> </tr> <tr align="center"> <td><u>مستنكر , استخدم لغة الـCSS بدلا عنه</u></td> <td><a href="http://www.w3schools.com/tags/tag_u.asp"><u></a></td> <td><u>Deprecated. Use styles instead</u></td> </tr> </table> <font color="#FFFF00"> لاحظـتـم فـي الجدول السابـق أن بـعـض الوسوم تشـبـة بعـض في الاستخدام<br> وقـد تسألون مالفرق ... لا فرق ... !!! </font> <br> <hr color="#800000" noshade="noshade"> <h2>"Computer Output" Tags</h2> <h2>وسوم خرج الحاسب</h2> <table border="1"> <tr align="center"> <th>الوصف</th> <th>الوسم \| Tag</th> <th>Description</th> </tr> <tr align="center"> <td><code>يُعرّفُ نَصُّ رمزِ حاسوبِ</code></td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><code></a></td> <td><code>Defines computer code text</code></td> </tr> <tr align="center"> <td><kbd>يُعرّفُ نَصُّ لوحةِ مفاتيح</kbd></td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><kbd></a></td> <td><kbd>Defines keyboard text </kbd></td> </tr> <tr align="center"> <td><samp>يظهر النص كعينة من أكواد الكمبيوتر</samp></td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><samp></a></td> <td><samp>Defines sample computer code</samp></td> </tr> <tr align="center"> <td><tt>يعرف نص شبيه بالألة الطابعة</tt></td> <td><a href="http://www.w3schools.com/tags/tag_font_style.asp"><tt></a></td> <td><tt>Defines teletype text</tt></td> </tr> <tr align="center"> <td><var>يُعرّفُ متغيّر</var></td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><var></a></td> <td><var>Defines a variable</var></td> </tr> <tr align="center"> <td>يعرف نص مهيأ مسبقاً</td> <td><a href="http://www.w3schools.com/tags/tag_pre.asp"><pre></a></td> <td>Defines preformatted text</td> </tr> <tr align="center"> <td>مُسْتَنْكر. إستعمال <pre> بدلاً مِن ذلك</td> <td><listing></td> <td>Deprecated. Use <pre> instead </td> </tr> <tr align="center"> <td>مُسْتَنْكر. إستعمال <pre> بدلاً مِن ذلك</td> <td><plaintext></td> <td>Deprecated. Use <pre> instead</td> </tr> <tr align="center"> <td>مُسْتَنْكر. إستعمال <pre> بدلاً مِن ذلك</td> <td><xmp></td> <td>Deprecated. Use <pre> instead</td> </tr> </table> <br> <font color="#FFFF00"> الأربعـه الوسوم الأخـيـرة اللي في الجدول لا يمكن وضع مثالها في الجدول <br> لأن عـمـلهـا مختلف عـن الوسوم السـابقـة <br> عـمـلهـا جعل النص الذي تكتبـه في الكود يظهـر كـمـا هـو <br> بمعنى اذا وضعت عدة مسافات سوف تظهر بنفس الشكل واذا نزلت سطر جديد بواسطة الضغط على زر إنتر<br> سوف تجد عند استعراض الصفحـة أن النص نزل سطر جديد بدون استخدام وسم <br> <br> مثــال علـى استخدامـهـا :<br> النص المكتوب في الكود بهذا الشكل و يظهر بنفس الشكل :<br> <hr width="30%"> <pre> هــذا مثــال عــلــى الوسوم الأربــعــة الأخــيرة </pre> <hr width="30%"> ملاحـظـات من تجربتي /<br> وسـم <pre> و وسم <listing> متشابهان في عملهما .. اذا كتبت وسم فلن يظهر و سوف يظهر تأثير على النص<br> أما وسم <xmp> سـوف يظهر النص كما كتبتـه وكذلك اذا كتبت وسوم فسوف يظهرها كنص و يلغي عملها<br> أما وسم <br> فهـو شبيـة بوسم <plaintext> لكن ليس لديـه وسم اقفال !! <br> </font> <hr color="#800000" noshade="noshade"> <h2>Citations, Quotations, and Definition Tags</h2> <h2>الإقتباسات ، التقديرات وتعريف الأوسمة </h2> <table border="1"> <tr align="center"> <th>الوصف</th> <th>الوسم \| Tag</th> <th>Description</th> </tr> <tr align="center"> <td>يعرف إختصار</td> <td><a href="http://www.w3schools.com/tags/tag_abbr.asp"><abbr></a></td> <td>Defines an abbreviation</td> </tr> <tr align="center"> <td>يعرف إختصار</td> <td><a href="http://www.w3schools.com/tags/tag_acronym.asp"><acronym></a></td> <td>Defines an acronym</td> </tr> <tr align="center"> <td>يعرف عنوان</td> <td><a href="http://www.w3schools.com/tags/tag_address.asp"><address></a></td> <td>Defines an address element</td> </tr> <tr align="center"> <td>يُعرّفُ إتّجاهُ النَصَّ</td> <td><a href="http://www.w3schools.com/tags/tag_bdo.asp"><bdo></a></td> <td>Defines the text direction</td> </tr> <tr align="center"> <td>يعرف اقتباس طويل</td> <td><a href="http://www.w3schools.com/tags/tag_blockquote.asp"><blockquote></a></td> <td> Defines a long quotation</td> </tr> <tr align="center"> <td>يعرف اقتباس قصير</td> <td><a href="http://www.w3schools.com/tags/tag_q.asp"><q></a></td> <td>Defines a short quotation</td> </tr> <tr align="center"> <td>يُعرّفُ إقتباس</td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><cite></a></td> <td>Defines a citation</td> </tr> <tr align="center"> <td>تحديد أو تعريف العبارة</td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><dfn></a></td> <td>Defines a definition term</td> </tr> </table> <br> <font color="#FFFF00"> أمـثـلـة الوسوم التي في الجدول السـابق /<br> عـنـد الضـغط على الوسم سوف تدخل على الصفحـة الخاصـة بالوسم <br> سـوف تجـد الأمثـلـة هـنـاك فـي انتظارك<br> </font> <hr> <font color="#808000" size="5"> تـعـاون فـي الشـرح كلاَ مـن : <br> ريفــــــــــــــان <br> فرجيني <br> خربشات طفلة <br> شادل <br> محمد جبلي <br> آسف اذا نسيت اسـم أحد !! <br> تـم عـمـل هـذه الصـفـحـة مـن قـبـل<br> محمد جبلي<br> </font> </center> </body> </html> [ الواجب ] اكتبوا أي كود لأي وسم في الدرس لكن باستخدام أحد خصائصه وقيمة لها تكفي خاصية واحدة لوسم واحد (طبعاً . . من الخواص الاختيارية أو المطلوبة إن وجدت ) لأننا لن نحتاج إلى غيرها . . حالياً من أين تأتون بالخصائص الخاصة بالوسم وقيمها ؟ امممم . . لا أحد يعلّم ..
ريفــــــــــــــــان	التعديل الأخير تم بواسطة ريفــــــــــــــــان ; 26-07-2009 الساعة 09:40 PM.

28-08-2007, 10:52 PM	#4
دفء كلمه	بارك الله فيك ممتاز لي عوده
دفء كلمه

28-08-2007, 10:57 PM	#5
فرجيني	HTML ( الدرس الثاني ) : HTML Formatting يعطيك العافية ريفان ، وطبعاً ما ننسى LALLAKY رجل الهتمل : ) كنت عارفة إني دائماً أجي متأخرة .. على العموم في التحضير عدلت على ألوان الشرح .. مو مشكلة نزل الشرح قبل تعديلي .. التعديل للي عندهم مشاكل في النظر كود: <html dir="rtl"> <head> <title>الدرس الثالث</title> </head> <body bgcolor="#FFFFFF" alink="#FFFF00" link="#FF00FF" text="000000" scroll="auto"> <center> <h2>بسم الله الرحمـن الرحيم</h2> <p>أعـضـاء وعـضـوات فريـق التعلم الذاتي لبناء المواقع</p> <p>السلام عليكم ورحمـة الله وبركـاتـه</p> <p>درسـنـا الـيـوم هــــــو</p> <p><font size="7"><a target="_blank" href="http://www.w3schools.com/html/html_formatting.asp"> HTML Formatting</a></font></p> <hr color="#FFFF00"> الدرس على طريقة جدول <br> كل وسم سوف يكون له وصف بالعربي وبالانجليزي<br> الوصف عبارة عن وصف وكذلك مثال للوسـم <br> عند الضغط على الوسم في الجدول سوف تدخل على الصفحة الخاصة بالوسم في الموقع المصدر<hr color="#FFFF00"> <h2>Text Formatting Tags</h2> <h2>وسوم تنسيق النص</h2> <table border="1" align="center"> <tr align="center"> <th>الوصف</th> <th>الوسم \| Tag</th> <th>Description</th> </tr> <tr align="center"> <td><b>يُعرّفُ نصّ غامقُ أو تخـين</b></td> <td><a href="http://www.w3schools.com/tags/tag_font_style.asp"><b></a></td> <td><b>Defines bold text</b></td> </tr> <tr align="center"> <td><big>يُعرّفُ نَصّاً كبيراً</big></td> <td><a href="http://www.w3schools.com/tags/tag_font_style.asp"><big></a></td> <td><big>Defines big text</big></td> </tr> <tr align="center"> <td><em>يُعرّفُ نَصّاً مُؤَكَّداً</em></td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><em></a></td> <td><em>Defines emphasized text</em></td> </tr> <tr align="center"> <td><i>يُعرّفُ نَصّاً مائلاً</i></td> <td><a href="http://www.w3schools.com/tags/tag_font_style.asp"><i></a></td> <td><i>Defines italic text</i></td> </tr> <tr align="center"> <td><small>يُعرّفُ نَصّاً صغيراً</small></td> <td><a href="http://www.w3schools.com/tags/tag_font_style.asp"><small></a></td> <td><small>Defines small text</small></td> </tr> <tr align="center"> <td><strong>يُعرّفُ نَصّاً قوياً</strong></td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><strong></a></td> <td><strong>Defines strong text</strong></td> </tr> <tr align="center"> <td>يجعل النص <sub>منخفض</sub></td> <td><a href="http://www.w3schools.com/tags/tag_sup.asp"><sub></a></td> <td>Defines subscripted <sub>text</sub></td> </tr> <tr align="center"> <td>يجعل النص <sup>مرتفع</sup></td> <td><a href="http://www.w3schools.com/tags/tag_sup.asp"><sup></a></td> <td>Defines superscripted <sup>text</sup></td> </tr> <tr align="center"> <td><ins>يُعرّفُ نَصّاً مُدخَلاً</ins></td> <td><a href="http://www.w3schools.com/tags/tag_ins.asp"><ins></a></td> <td><ins>Defines inserted text</ins></td> </tr> <tr align="center"> <td><del>يُعرّفُ نَصّاً مَحْذُوفاً</del></td> <td><a href="http://www.w3schools.com/tags/tag_del.asp"><del></a></td> <td><del>Defines deleted text</del></td> </tr> <tr align="center"> <td><s>مستنكر , استخدم <del> بدلاً عنه</s></td> <td><a href="http://www.w3schools.com/tags/tag_strike.asp"><s></a></td> <td><s>Deprecated. Use <del> instead</s></td> </tr> <tr align="center"> <td><strike>مستنكر , استخدم <del> بدلاً عنه</strike></td> <td><a href="http://www.w3schools.com/tags/tag_strike.asp"><strike></a></td> <td><strike>Deprecated. Use <del> instead</strike></td> </tr> <tr align="center"> <td><u>مستنكر , استخدم لغة الـCSS بدلا عنه</u></td> <td><a href="http://www.w3schools.com/tags/tag_u.asp"><u></a></td> <td><u>Deprecated. Use styles instead</u></td> </tr> </table> <font color="600020"> لاحظـتـم فـي الجدول السابـق أن بـعـض الوسوم تشـبـة بعـض في الاستخدام<br> وقـد تسألون مالفرق ... لا فرق ... !!! </font> <br> <hr color="#800000" noshade="noshade"> <h2>"Computer Output" Tags</h2> <h2>وسوم خرج الحاسب</h2> <table border="1"> <tr align="center"> <th>الوصف</th> <th>الوسم \| Tag</th> <th>Description</th> </tr> <tr align="center"> <td><code>يُعرّفُ نَصُّ رمزِ حاسوبِ</code></td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><code></a></td> <td><code>Defines computer code text</code></td> </tr> <tr align="center"> <td><kbd>يُعرّفُ نَصُّ لوحةِ مفاتيح</kbd></td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><kbd></a></td> <td><kbd>Defines keyboard text </kbd></td> </tr> <tr align="center"> <td><samp>يظهر النص كعينة من أكواد الكمبيوتر</samp></td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><samp></a></td> <td><samp>Defines sample computer code</samp></td> </tr> <tr align="center"> <td><tt>يعرف نص شبيه بالألة الطابعة</tt></td> <td><a href="http://www.w3schools.com/tags/tag_font_style.asp"><tt></a></td> <td><tt>Defines teletype text</tt></td> </tr> <tr align="center"> <td><var>يُعرّفُ متغيّر</var></td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><var></a></td> <td><var>Defines a variable</var></td> </tr> <tr align="center"> <td>يعرف نص مهيأ مسبقاً</td> <td><a href="http://www.w3schools.com/tags/tag_pre.asp"><pre></a></td> <td>Defines preformatted text</td> </tr> <tr align="center"> <td>مُسْتَنْكر. إستعمال <pre> بدلاً مِن ذلك</td> <td><listing></td> <td>Deprecated. Use <pre> instead </td> </tr> <tr align="center"> <td>مُسْتَنْكر. إستعمال <pre> بدلاً مِن ذلك</td> <td><plaintext></td> <td>Deprecated. Use <pre> instead</td> </tr> <tr align="center"> <td>مُسْتَنْكر. إستعمال <pre> بدلاً مِن ذلك</td> <td><xmp></td> <td>Deprecated. Use <pre> instead</td> </tr> </table> <br> <font color="600020"> الأربعـه الوسوم الأخـيـرة اللي في الجدول لا يمكن وضع مثالها في الجدول <br> لأن عـمـلهـا مختلف عـن الوسوم السـابقـة <br> عـمـلهـا جعل النص الذي تكتبـه في الكود يظهـر كـمـا هـو <br> بمعنى اذا وضعت عدة مسافات سوف تظهر بنفس الشكل واذا نزلت سطر جديد بواسطة الضغط على زر إنتر<br> سوف تجد عند استعراض الصفحـة أن النص نزل سطر جديد بدون استخدام وسم <br> <br> مثــال علـى استخدامـهـا :<br> النص المكتوب في الكود بهذا الشكل و يظهر بنفس الشكل :<br> <hr width="30%"> <pre> هــذا مثــال عــلــى الوسوم الأربــعــة الأخــيرة </pre> <hr width="30%"> ملاحـظـات من تجربتي /<br> وسـم <pre> و وسم <instead> متشابهان في عملهما .. اذا كتبت وسم فلن يظهر و سوف يظهر تأثير على النص<br> أما وسم <xmp> سـوف يظهر النص كما كتبتـه وكذلك اذا كتبت وسوم فسوف يظهرها كنص و يلغي عملها<br> أما وسم <br> فهـو شبيـة بوسم <plaintext> لكن ليس لديـه وسم اقفال !! <br> </font> <hr color="#800000" noshade="noshade"> <h2>Citations, Quotations, and Definition Tags</h2> <h2>الإقتباسات ، التقديرات وتعريف الأوسمة </h2> <table border="1"> <tr align="center"> <th>الوصف</th> <th>الوسم \| Tag</th> <th>Description</th> </tr> <tr align="center"> <td>يعرف إختصار</td> <td><a href="http://www.w3schools.com/tags/tag_abbr.asp"><abbr></a></td> <td>Defines an abbreviation</td> </tr> <tr align="center"> <td>يعرف إختصار</td> <td><a href="http://www.w3schools.com/tags/tag_acronym.asp"><acronym></a></td> <td>Defines an acronym</td> </tr> <tr align="center"> <td>يعرف عنوان</td> <td><a href="http://www.w3schools.com/tags/tag_address.asp"><address></a></td> <td>Defines an address element</td> </tr> <tr align="center"> <td>يُعرّفُ إتّجاهُ النَصَّ</td> <td><a href="http://www.w3schools.com/tags/tag_bdo.asp"><bdo></a></td> <td>Defines the text direction</td> </tr> <tr align="center"> <td>يعرف اقتباس طويل</td> <td><a href="http://www.w3schools.com/tags/tag_blockquote.asp"><blockquote></a></td> <td> Defines a long quotation</td> </tr> <tr align="center"> <td>يعرف اقتباس قصير</td> <td><a href="http://www.w3schools.com/tags/tag_q.asp"><q></a></td> <td>Defines a short quotation</td> </tr> <tr align="center"> <td>يُعرّفُ إقتباس</td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><cite></a></td> <td>Defines a citation</td> </tr> <tr align="center"> <td>تحديد أو تعريف العبارة</td> <td><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp"><dfn></a></td> <td>Defines a definition term</td> </tr> </table> <br> <font color="600020"> أمـثـلـة الوسوم التي في الجدول السـابق /<br> عـنـد الضـغط على الوسم سوف تدخل على الصفحـة الخاصـة بالوسم <br> سـوف تجـد الأمثـلـة هـنـاك فـي انتظارك<br> </font> <hr> <font color="#808000" size="5"> تـعـاون فـي الشـرح كلاَ مـن : <br> ريفــــــــــــــان <br> فرجيني <br> خربشات طفلة <br> شادل <br> LaLLaKy <br> آسف اذا نسيت اسـم أحد !! <br> تـم عـمـل هـذه الصـفـحـة مـن قـبـل<br> LaLLaKy <br> </font> </center> </body> </html>
فرجيني	التعديل الأخير تم بواسطة twinkle ; 28-10-2008 الساعة 12:49 PM.

28-08-2007, 11:01 PM	#6
مـــقدام	ما شاء الله كنز رائع.... لي عودة....
مـــقدام

28-08-2007, 11:27 PM	#7
فرجيني	Optional Attributes DTD indicates in which DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset. هل من شارح لنا هنا
فرجيني

28-08-2007, 11:45 PM	#8
وصـال و بقَلبِي مسْكنٌ أنتُم به	جاري التطبيق . .
وصـال و بقَلبِي مسْكنٌ أنتُم به

29-08-2007, 12:13 AM	#12
kiwi	شكراً لكم جاري التطبق بإذن الله
kiwi

29-08-2007, 12:24 AM	#13
فــرَح	جاااااااري النظر في الوضوع و التطبيق بوركتم
فــرَح

29-08-2007, 12:39 AM	#14
memories	جزاكم الله خير على الكنز ....وإن شاء الله نفوز بالوصول إلية سويا ........................................ ............................. حــــــــــــــــــل الواجب كود PHP: <html dir="rtl"> <head> <title>شبكة المعالي الإسلامية</title> </head> <body> <!-- الدرس الثالث--> <b><i><center> بسم الله الرحمن الرحيم </center></i></b> <pre width="4"> اللهم أغفر لنا و ارحمنا آمين </pre> </body> </html> الوسم <pre> يطبع النص على الصفحة كما كتب في المصدر ولدية الخاصية width وهي تحدد أكبرعدد الحروف والرموز والمسافات لكل سطر (وقمتها عادةً =40 ,80,أو 132) استخدمتها في التطبيق وما وجدت لها تأثير؟؟؟ لماذا؟؟؟
memories

29-08-2007, 12:49 AM	#15
راحة بال	بارك الله فيكم التطبيق في الطريق ان شاء الله تعالى أرق تحية
راحة بال

29-08-2007, 12:56 AM	#17
عاصم نت	الحين اطبق لكن متى تخلص الدورة؟؟؟
عاصم نت

29-08-2007, 12:58 AM	#18
فرجيني	هذا تلخيصي وتطبيقي للجزء الأول : لكن للأسف مشكلتي في الدرس الماضي ما انحلت وهي إني ماقدرت استخدم algin بقيمة التوسيط في h1 وفيه شيء استجد .. من خصائص النص المدخل والنص المحذوف cite وقيتها url ما اعرف كيف تكتب ، والموقع ما وضح هالشيء .. ؟؟؟ كود: <html dir="rtl"> <body> كل وسوم تنسيق النص <br> Text Formatting Tags <br> ليس لها خواص تهمنا سوى <br> dir <br> ولها قيمتان : rtl & ltr <br> باستثناء <br> ins و del <br> وتعنيان <br> نص مدخل inserted text <br> و <br> نص محذوف deleted text <br> ويستعملان غالباً مع بعضهما للتعبير عن التعديلات والتجديدات على الوثيقة <br> فلهما إضافة إلى خاصية dir <br> خاصيتان هما : <br> 1- cite <br> وقيمتها : url <br> وهي رابط ينقلك إلى وثيقة آخرى توضح لماذا حذف أو أدخل النص <br> 2- datetime <br> وقيمتها : YYYYMMDD <br> y= السنة <br> m= الشهر <br> d=اليوم <br> <br> و هي للتعريف بالتاريخ والوقت الذي أدخل أو حذف فيه النص <br> <h1 algin="center"> تطبيقي على وسوم تنسيق النص : </h1> <p algin="justify"> <b> لقد بدأت كلّ الثورات الصناعية في العالم من الإنسان نفسه </b> <br> ولذا أصبح اليابان <em>ياباناً </em> وأصبحت أوربا ما هي عليه اليوم <br> <sup dir="rtl"> وحدهم العرب </sup> راحوا يبنون المباني ويسمّون الجدران ثورة <br> ويأخذون الأرض من هذا ويعطونها لذاك، ويسمّون هذا ثورة ..!! <br> الثورة عندما لا نكون في حاجة إلى أن نستورد حتى أكلنا من الخارج <br> الثورة عندما يصل <ins cite=url="http://forum.ma3ali.net/forumdisplay.php?f=115"> المواطن </ins> إلى مستوى الآلة التي يسيّرها ..!! <br> <sub> أحلام مستغانمي </sub> </body> </html>
فرجيني

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

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

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

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