قوانين كتابة كود Html كالمحترفين

ADMIN · 10-17-2006, 06:43 صباحاً

لطريقة كتابة كود HTML له اهميه قصوى في فهم الكود بعد ذلك
هل تريد ان تكتب الكود كما تكتبه البرامج مثل الفرونت بيج وغيرها اذا عليك ان تفهم بعض القوانين التاليه ولكن قبل قولنين الكتابه يجب عليك ان تفهم التعريف التاني:
SGML ELEMENT :
ما هو عنصر SGML في الكود ؟
كل كود يتكون من عناصر SGML والعنصر الواحد هو باختصار كل قطعة نص او وسم (TAG) سواء كان وسم فتح او اغلاق.
مثال: الكود التالي:

كود:

<a href="one.html"><font face="tahoma">Press <br/>here plz</font></a>

يحتوي على 7 عناصر sgml .. وهي:

كود:

1. <a href="one.html">
2. <font face="tahoma">
3. Press
4. <br/>
5. here plz
6. </font>
7. </a>

*******************************************
الان نأتي الى الطريقه الصحيحه في كتابة الكود وهي ما يسمى
An indented HTML code
ال indented code يتبع القوانين التاليه
1) كل عنصر (element) يكون في سطر منفرد!!
2) الاسطر التي تأتي بعد وسم الفتح <...> تكون مع ازاحه فراغ واحد عن الي قبلها
3) الاسطر التي تأتي بعد وسم الاغلاق <..../>تكون مع فراغ واحد اقل عن السطر الذي قبلها
4) الاسطر التي تحوي الجمل النصيه او الوسوم مثل وسم ال <br> (وهو ليس وسم فتح ان صحت التسميه) تأتي مع نفس الازاحه كما السطر الذي قبلها الا اذا كان الذي قبلها فتح وسم (قاعده 2).
ساكتب كود الان وبعدها نطبق عليه القوانين:
الكود:

كود:

<table border="1"><tr bgcolor="gray"><td align="middle">hello</td><td><a href="<A href="http://yahoo.com"><img">http://yahoo.com"><img src="yahoo.gif"></a></td></tr></table><br><font face="tahoma">Thx alot</font>

ال indented html code هو :

كود:

<table border="1">              اول سطر بدون فراغات
 <tr bgcolor="gray">            ازاحه 1 لانه يأتي بعد وسم فتح
  <td align="middle">           ايضا ازاحه 1 لانه يلأتي بعد زسم فتح
   hello                        ازاحه 1 لانه يأتي بعد وسم فتح
   <br>                         قاعده 4
   again                        قاعده 4
  </td>                         ازاحه ناقص واحد لانه وسم اغلاق
  <td>                          لا يوجد ازاحه في هذه الحاله
   <a href="http://yahoo.com">  ازاحه 1 لانه يأتي بعد وسم فتح 
    <img src="yahoo.gif">       ازاحه 1 لانه يأتي بعد وسم فتح
   </a>                         ازاحه ناقص واحد لانه وسم اغلاق
  </td>                         ازاحه ناقص واحد لانه وسم اغلاق
 </tr>                          ازاحه ناقص واحد لانه وسم اغلاق
</table>                        ازاحه ناقص واحد لانه وسم اغلاق
<br>                            لا توجد ازاحه.. لاحظ هذا ليس وسم فتح بس مجرد نزول سطر
 <font face="tahoma">           ازاحه 1 لانه يأتي بعد وسم فتح
  Thx alot                      ازاحه 1 لانه يأتي بعد وسم فتح
 </font>                        زاحه ناقص واحد لانه وسم اغلاق

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

كتبه ابو الويس

كرم العربي · 10-18-2006, 02:20 صباحاً

يعطيك العافيه اخوي Admin

مبحرفى ذكرياتي · 10-21-2006, 09:36 مساءً

بارك الله فيك أخوي Admin
وكل عام وأنت بخير

n.a.r.u.t.o · 01-09-2007, 06:36 صباحاً

شكرا لك اخوي درس جميل جدا

صقر الجزيره · 02-15-2007, 07:16 مساءً

بارك الله فيك اخوي ADMIN

محمد يوسف · 03-06-2007, 10:29 مساءً

جزاك الله عنا كل الخير يا ابو سعود

ويعافى اخى ابو الويس

10-17-2006, 06:43 صباحاً	#1 (permalink)
ADMIN .::+: Gulf Son :+::. تاريخ التسجيل: May 2005 الدولة: بلاد الخليج المشاركات: 53,991 معدل تقييم المستوى: 53	قوانين كتابة كود Html كالمحترفين لطريقة كتابة كود HTML له اهميه قصوى في فهم الكود بعد ذلك هل تريد ان تكتب الكود كما تكتبه البرامج مثل الفرونت بيج وغيرها اذا عليك ان تفهم بعض القوانين التاليه ولكن قبل قولنين الكتابه يجب عليك ان تفهم التعريف التاني: SGML ELEMENT : ما هو عنصر SGML في الكود ؟ كل كود يتكون من عناصر SGML والعنصر الواحد هو باختصار كل قطعة نص او وسم (TAG) سواء كان وسم فتح او اغلاق. مثال: الكود التالي: كود: <a href="one.html"><font face="tahoma">Press <br/>here plz</font></a> يحتوي على 7 عناصر sgml .. وهي: كود: 1. <a href="one.html"> 2. <font face="tahoma"> 3. Press 4. <br/> 5. here plz 6. </font> 7. </a> ******************************************* الان نأتي الى الطريقه الصحيحه في كتابة الكود وهي ما يسمى An indented HTML code ال indented code يتبع القوانين التاليه 1) كل عنصر (element) يكون في سطر منفرد!! 2) الاسطر التي تأتي بعد وسم الفتح <...> تكون مع ازاحه فراغ واحد عن الي قبلها 3) الاسطر التي تأتي بعد وسم الاغلاق <..../>تكون مع فراغ واحد اقل عن السطر الذي قبلها 4) الاسطر التي تحوي الجمل النصيه او الوسوم مثل وسم ال <br> (وهو ليس وسم فتح ان صحت التسميه) تأتي مع نفس الازاحه كما السطر الذي قبلها الا اذا كان الذي قبلها فتح وسم (قاعده 2). ساكتب كود الان وبعدها نطبق عليه القوانين: الكود: كود: <table border="1"><tr bgcolor="gray"><td align="middle">hello</td><td><a href="<A href="http://yahoo.com"><img">http://yahoo.com"><img src="yahoo.gif"></a></td></tr></table><br><font face="tahoma">Thx alot</font> ال indented html code هو : كود: <table border="1"> اول سطر بدون فراغات <tr bgcolor="gray"> ازاحه 1 لانه يأتي بعد وسم فتح <td align="middle"> ايضا ازاحه 1 لانه يلأتي بعد زسم فتح hello ازاحه 1 لانه يأتي بعد وسم فتح <br> قاعده 4 again قاعده 4 </td> ازاحه ناقص واحد لانه وسم اغلاق <td> لا يوجد ازاحه في هذه الحاله <a href="http://yahoo.com"> ازاحه 1 لانه يأتي بعد وسم فتح <img src="yahoo.gif"> ازاحه 1 لانه يأتي بعد وسم فتح </a> ازاحه ناقص واحد لانه وسم اغلاق </td> ازاحه ناقص واحد لانه وسم اغلاق </tr> ازاحه ناقص واحد لانه وسم اغلاق </table> ازاحه ناقص واحد لانه وسم اغلاق <br> لا توجد ازاحه.. لاحظ هذا ليس وسم فتح بس مجرد نزول سطر <font face="tahoma"> ازاحه 1 لانه يأتي بعد وسم فتح Thx alot ازاحه 1 لانه يأتي بعد وسم فتح </font> زاحه ناقص واحد لانه وسم اغلاق واخيرا اقول لو احببت ان تلغي القاعده الاولى وهي ان كل عنصر في سطر يعني لو احببت ان تضح مثلا فتح واغلاق ال td في سطر واحد فهذا لا يمنع ان تتقيد بباقي القوانين وهذا ما تعمله الفرونت بيج . وتحياتي كتبه ابو الويس من مواضيع ADMIN في المنتدى برنامج Spb FreeCell 1.5 تعذيب الاسرى البحارنه في قوانتانامو الإمام جعفر الصادق بين الرافضة وشيخ الأسلام أبن تيمية أسماء الملائكه ووضائفهم دموع بريئة __________________ يقول الامام مالك رحمه الله: إنما هؤلاء أقوام أرادوا القدح في النبي صلى الله عليه وسلم فلم يمكنهم ذلك، فقدحوا في أصحابه حتى يقال رجل سوء ولو كان رجلاً صالحاً لكان أصحابه صالحين. وقال أبو الوفا بن عقيل رحمه الله: انظر كيف اختار لمرضه بيت البنت، واختار لموضعه من الصلاة الأب، فما هذه الغفلة المستحوذة على قلوب الرافضة عن هذا الفضل والمنزلة التي لا تكاد تخفى عن البهيم فضلا عن الناطق. وحيد القرن، كسرنا قرنه، ودككنا حصنه، وهدمنا برجه، فخرج يتبختر بعتاده مزهواً بعدده ففللنا حدّه، وقتلنا جنده، وفرقنا صحبه، والفضل لله وحده ولئن أبيد أبناء دولة الإسلام عن بكرة أبيهم خيرٌ لهم من أن يحكمهم رافضيٌّ خبيث أو أن تستظلّ بغداد برايات الصفويين يوما واحداً.

10-18-2006, 02:20 صباحاً	#2 (permalink)
كرم العربي Gulfson.com تاريخ التسجيل: Apr 2006 الدولة: Egypt المشاركات: 15,092 معدل تقييم المستوى: 53	مشاركة: قوانين كتابة كود Html كالمحترفين يعطيك العافيه اخوي Admin من مواضيع كرم العربي في المنتدى [شرح] حذف الكوكيز والملفات المؤقتة والمحفوظات مجموعة من الخطوط العالمية طريقة لازالة قائمة الاعضاء والتقويم من الناف بار إحفظ ملفاتك بنسق PDF مباشرة من برامج Microsoft Office ! [متوسط] درس رسم قمر رمضان __________________ Im Back

10-21-2006, 09:36 مساءً	#3 (permalink)
مبحرفى ذكرياتي اسرة ابن الخليج تاريخ التسجيل: Jun 2006 الدولة: ذكرياتي المشاركات: 2,053 معدل تقييم المستوى: 1582	مشاركة: قوانين كتابة كود Html كالمحترفين بارك الله فيك أخوي Admin وكل عام وأنت بخير من مواضيع مبحرفى ذكرياتي في المنتدى إجتهاد شخصي لإغلاق ثغرة الكونفق وتغيير مسماه.. ووضع كونفق وهمي به بيانات وهمية. [ هاك ] المتواجدون الآن في لوحة تحكم المنتدى [ تــطــويــر ] الـــرد الــســريــع . [ هاك ] الاعضاء الذين تواجدوا اليوم الإصدار الأول + الثاني [ تمبلت ] قائِمة خيارات لوحة التحكم المنسدلة __________________ الحقيقة دائما تؤلم ... من تعود على الأوهام همسه : إن كنت تريد أن تصبح محبوبآ من الجميع سليمآ من العيوب فأنت تطلب المستحيل Dream \|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\| 59%

01-09-2007, 06:36 صباحاً	#4 (permalink)
n.a.r.u.t.o :: الإدارة :: تاريخ التسجيل: Apr 2006 الدولة: U ( R a K ) E المشاركات: 11,360 معدل تقييم المستوى: 53	رد: قوانين كتابة كود Html كالمحترفين شكرا لك اخوي درس جميل جدا من مواضيع n.a.r.u.t.o في المنتدى [Product] صانع الصفحات الإضافية لمنتداك Easy Pages 1.0.0 Light [PSP] لعبة The Golden Compass [PC] لعبة Golf Adventure Galaxy [PC] لعبة Mortal Kombat 4 [PC] لعبة Stalker Clear Sky __________________ ::The Konoha Corporation:: Yes, I am proud to be muslim, arabi, emirate, khaymawe مدونتي من هنا : [ www.4us.ae ] على طاولة التخطيط : [ www.qtr.ae ]

02-15-2007, 07:16 مساءً	#5 (permalink)
صقر الجزيره :: عضو شرف :: تاريخ التسجيل: Dec 2006 الدولة: الجزيره العربية المشاركات: 255 معدل تقييم المستوى: 1345	رد: قوانين كتابة كود Html كالمحترفين بارك الله فيك اخوي ADMIN من مواضيع صقر الجزيره في المنتدى كتاب تعلم الفرونت بيج نبذه مختصر للغات البرمجة تعلم الفجول بيسك مع صقر الجزيره ( الدرس الرابع) حان الوقت للأنتقال الى برمجة الدوت نت ! تعلم الفجول بيسك مع صقر الجزيره ( الدرس الثالث) __________________

03-06-2007, 10:29 مساءً	#6 (permalink)
محمد يوسف عضو متميز تاريخ التسجيل: Sep 2006 العمر: 25 المشاركات: 260 معدل تقييم المستوى: 1118	رد: قوانين كتابة كود Html كالمحترفين جزاك الله عنا كل الخير يا ابو سعود ويعافى اخى ابو الويس من مواضيع محمد يوسف في المنتدى اتمنى ان اجد حل لمشكلتى فهرس نسخ وتعريباتvBulletin 3.6.X شرح تركيب السيرفر الشخصى (خادم الجمل) وثبيت منتدى عليه دورة احتراف تركيب منتدى vbومجلةMKPortal على مساحة مجانية برمج موقعك بنفسك بأستخدام دالة includes __________________

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
حصريا حركة جديدة روعة للاضافة قوانين عند كتابة موضوع جديد	جسر ليبيا	هاكات وشروحات vBulletin 3.8.X	4	10-18-2009 06:29 مساءً
تعلم الكتابة كالمحترفين بدون رؤية لوحة المفاتيح ببرنامج حجمه أقل من 700ko -مجرب -	amineoubou	برامج كمبيوتر	1	04-21-2009 05:22 مساءً
هاك قوانين المنتدى	bek4ever	مشاكل وحلول الـ مواقع	1	06-21-2007 01:23 صباحاً

قوانين كتابة كود Html كالمحترفين

منتديات شبكة ابن الخليج