الموضوع: تعالو نزيد معلوماتنا في HTML

السلام عليكم

أدري اني ما اكتب مواضيف , فقط ردود بس بعض الكرات حالة استثنائية

كتبت هالموضوع عشان كل واحد يحط وسوم HTML غير معروفة لدي الغالية أو أي شيء في HTML غير معروف أو غير مستخدم كثيرا

انا أبدا
الوسم : <xmp>
طريقة الكتابة : <xmp>|</xmp>
الوظيفة أو معلومات : الأشياء التي تكتبها في هذا الوسم سيكتبها المتصفح كما هي ... يعني حتى لو كتبت <br> فإنه سيكتب <br> ولن يدرج سطرا جديدا
كيف أستفيد منها : يمكنك الإستفادة منها في صفحة "راسلنا" عندما يرسل الزوار وسوم HTML لذلك لن تعمل الوسوم (وهذي هدية لك يا سردال).


الوسم : <strong>
طريقة الكتابة : <strong>|</strong>
الوظيفة أو معلومات : مطابقة تماما للوسم <b>
كيف أستفيد منها : لتمييز جملة عن باقي الكلمات.


الوسم : <S>
طريقة الكتابة : <S>|</S>
الوظيفة أو معلومات : لعمل نص مشطوب
كيف أستفيد منها : تستطيع استخدامها لبيان ان ها جملة كانت موجودة ولكن ملغية حاليا لأو وصلة كانت موجودة ولكن تم إلغائها وهكذا...


الوسم : <small>
طريقة الكتابة : <small>|</small>
الوظيفة أو معلومات : لعمل نص صغير جدا
كيف أستفيد منها : خيالي ليس واسع

الوسم : <STRIKE>
طريقة الكتابة : <STRIKE>|</STRIKE>
الوظيفة أو معلومات : مطابقة تماما للوسم <s>


الوسم : <SUP>
طريقة الكتابة : <SUP>|</SUP> (لاحظ انها SUP وليست SUB)
الوظيفة أو معلومات : لإضافة جملة أعلى بقليل من الجملة العادية بخط صغير
كيف أستفيد منها : ربما للتضليل


خلاص تعبت كل شوي اطلع وسم واجربه والمشكلة إن كثير من الوسوم متشابهة في كللللل شيء
بس اتمنى اني اشوف بعض الردود فيها بعض الوسوم

ولكن أيضا لدي سؤال وهو ما الفرق بين P وال DIV :funny:


أخوكم Fnan4arab

صحيح درس جميل جدا , شكرا لك يافنان .




واذا فيه زياده حط


<< طمّاع





تحياتي

مااصدق اني أشوفك
راجع موضوعك في برامج المنتديات

ايه ان شاء الله بكرة اجرب جميع الوسوم اللي عندي واحطها لك

لبمهم تستفيدوا

هلا والله فنان



موضوعي بقسم المنتديات احس اني نسيته


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



ياشين يوم السبت صح

p تعني pragraph أي فقرة، وهذه يجب أن تستخدم لكتابة الفقرات ولدي درس صغير حول ذلك:
http://www.serdal.com/archive/200310.htm#sl5

أما div فتعني division أي تقسيم ولها معاني أخرى، وتستخدم لتقسيم أجزاء الموقع إلى محتويات منفصلة عن بعضها البعض، ويمكن التحكم بكل قسم لوحده من خلال css، فمثلاً تقوم بإنشاء قسم وتعطيه اسم header:

<div id="header"></div>

من خلال css يمكن التحكم بهذا القسم لوحده دون التأثير على باقي الأقسام.

هناك الكثير من الأوامر التي يستخدمها مطوري المواقع بشكل خطأ، كأن يستخدم br للفصل بين الفقرات أو لوضع مساحات فارغة حول العناصر، والبعض يستخدم أمر font للتحكم بشكل الخط وحجمه، وهذا كله يجب أن يصحح، يجب أن نستخدم الأوامر بشكل صحيح حتى تظهر المواقع بشكل صحيح في كل المتصفحات.

موضوع جميل جداً ورائع وترتيب أروع يافنان .. وكنت انوي دائماً طرح موضوع شبيه له ولكن الوقت دائماً لا يسعفني تارة .. وطريقة الظهور المحبطة للأكواد في منتدى سوالف تارة أخرى .. كما اني في بعض الوسوم أعرف عملها ولكن تخونني طريقة إيصال تعريف الوسم بشكل واضح وسهل كما تفضلت .

اتمنى توسيع نطاق الموضوع ليشمل شفرات ووسوم HTML وJAVASCRIPT و STYLE والتي تضفي على التصاميم رونقاً وجاذبية .. وايضاً أوامر التحكم بالفورمات والحقول والأزرار ووووو ..

شكرا لك ولسردال على معلومته القيّمة بخصوص div

وبالمناسبة TBODY ما وظيفتها ؟

thead
tbody
tfoot

كلها أوامر تتعلق بالجداول، وهذا درس مفصل حول الجداول:
http://markl.f2o.org/tutorial/tables...ed_Tables.html

بسم الله بسم الله بسم الله بسم الله
نسيت كل اللي بقوله


MaaSTaaR : اي والله يوم السبت الله يعينني على المدرس قايله ماراح اخونك ونسبتي في الشهادة درجة وحدة وأرسب <<<< النت ونتائجه

سردال :
شكرا على مرورك
وشكرا لتوضيحك للفقرات والDivision
مافهمتها ولكن الdiv لها فاية وهي انه يمكنني أن اضعها فوق أي شيء ... مثل ال z-index


ابومنار :
شرفتنا يا ابو منار بهالرد

موضوع جميل جداً ورائع وترتيب أروع يافنان

بس الأخطاء الإملائية بكل مكان <<<< بغير الكيبورد

اتمنى توسيع نطاق الموضوع ليشمل شفرات ووسوم HTML وJAVASCRIPT و STYLE والتي تضفي على التصاميم رونقاً وجاذبية .. وايضاً أوامر التحكم بالفورمات والحقول والأزرار ووووو ..

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

وبالمناسبة TBODY ما وظيفتها ؟

تصدق
أستخدمها بعض المرات ولكن ما اعرف وظيفتها
لكن أعرف أي تستخدم وهذا ترتيب للوسوم
وأضفت لها إطارات عشان تفرق بينهم

كود:

<table style="border:1px solid #000000;">
<thead>
<tr>
<td style="border-botom:1px solid #000000;">الهيدر :)</td>
</tr>
</thead>

<tbody>
<tr>
<td style="border-bottom:1px solid #0000FF;">البودي :P</td>
</tr>
</tbody>

<tfoot>
<tr>
<td style="border-bottom:1px solid #FF0000;">الفووترر 8)</td>
</tr>
</tfoot>
</table>

استخدمها بعض المرات عشان أستخدم عليها ال CSS وافرق بين الهيدر والجسم والفووتر وتكون الصفحة كلها عبارة عن جدول واحد


سردال (مرة أخرة) :
دخلت هالصفحة عدة مرات ولكن لا فائدة
الحين اجرب مع wwwC <<< w3C

مالقيت وسوم جديدة ولكن البحث جاري .

حركات في HTML :
هذا وسم ماعرفت أشرحه ولذلك هذا مثال

كيف تعمل إطار مستدير حول نص وإضافة عنوان . (مثل vB3)
<FIELDSET><LEGEND>عنوان</LEGEND>محتوى</FIELDSET>

كيف تضيف خلفية صوتية :
ماني حاطه


رموز :
&quot; = " (علامة التنصيص)
&copy; = © (جميع الحقوق محفوظة )
&reg; = ®
&trade; = ™
&euro; = €
&pound; = £
&ne; = ≠
&sect; = §
&infin; = ∞

المزيييد قريبا

آسف ماطولت بس عشان فيه ناس يبغوني بعدها برجع لكم

السلام عليكم

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

كود PHP:

<COMMENT></COMMENT>
<DD></DD>
<DFN></DFN>
<Hn></Hn>
<KBD></KBD>
<LISTING></LISTING>
<MENU></MENU>
<WBR></WBR>
... 


http://zoon.se/ref/html/element/ie4.html

و هناك وسم لا يحضرني الآن خاص بقلب الكتابة
ليس بنفس طريقة rtl التي تقلب لك اليسار باليمين و إنما تقلب الكتابة أولها بأخرهامثل سوالف تصبح فلاوس

هذا مرجع html
http://www.w3schools.com/html/html_reference.asp

وهذا مرجع XHTML
http://www.w3schools.com/xhtml/xhtml_reference.asp

وترون في كلا الجدولين مدى توافق متصفح نيتسكيب وإكسبلورر مع الأوامر (نيتكسيب 6 فما فوق هو نفسه موزيلا) وهذه المراجع مفيدة لمن يريد أن يقوم بإنشاء موقع متوافق مع المتصفحات المختلفة، لاحظوا أن بعض الوسوم أو الأوامر تم إلغاءها (Deprecated) بالتالي يجب ألا تستخدم.

السلام عليكم
اسمحولي اشارك معكم , بهذا الدرس كنت قد كتبته منذ فترة لاحد الاصدقاء الذين تعقدوا من انشاء الجداول , وهذا الدرس يشرح بسهولة اساسيات ذلك
في المرفقات

مشكور سردال وهذا ماكنت أبحث عنه

طيب انا جربت الوسم var وهو أعتقد لتعريف متغيرات (variable) ولكن لم اعرف كيف استفيد منها
وكيف أضع قيمة للمتغير وكيف استعدي المتغير

أبو عامر شكرا على الدرس اللي نزلته ولكن المربعات الرصاصية كبيرة شوي