قوانين كتابة كود 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 الدولة: بلاد الخليج المشاركات: 50,546 معدل تقييم المستوى: 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 في المنتدى فيلم اباحي للفنانه السعوديه (ساره) درس عمل شعار مشابه لشعار قناة الجزيرة 3D Studio Max العله من تحريم اكل لحم الخنزير [متوسط] درس تاثير الضوء البارد [متوسط] درس الكتابة الدائرية ( فيديو ) __________________ يقول الامام مالك رحمه الله: إنما هؤلاء أقوام أرادوا القدح في النبي صلى الله عليه وسلم فلم يمكنهم ذلك، فقدحوا في أصحابه حتى يقال رجل سوء ولو كان رجلاً صالحاً لكان أصحابه صالحين. وقال أبو الوفا بن عقيل رحمه الله: انظر كيف اختار لمرضه بيت البنت، واختار لموضعه من الصلاة الأب، فما هذه الغفلة المستحوذة على قلوب الرافضة عن هذا الفضل والمنزلة التي لا تكاد تخفى عن البهيم فضلا عن الناطق.

10-18-2006, 02:20 صباحاً	#2 (permalink)
كرم العربي ღ: k A y:ღ تاريخ التسجيل: Apr 2006 الدولة: ::In De GhEtTo:: المشاركات: 14,536 معدل تقييم المستوى: 53	مشاركة: قوانين كتابة كود Html كالمحترفين يعطيك العافيه اخوي Admin من مواضيع كرم العربي في المنتدى ::..ليلة القدر وعلامتها ..:: جيفارا [ Gevara ] [product] نظام التعديل المتطور الشامل Debug Mode [هاك]الوان الطيف على الروابط ماذا يوجد فى الفضاء ؟ __________________ دليل مواقع ابن الخليج اضف موقعك واكسب صداقه محركات البحث اضف زر Google PageRank الي موقعك خدمه اختصار الروابط الآن تستطيع جلب كل ستايلات المنتدى للمجلة ومن غير اي تدخل شخصي منك فقط بـ 120 ريال [يمنع] وضع المواقع الربحية من الإنترنت للاستفادة منها على حساب الاعضاء بريدي للتعامل الشخصي فقط واي اضافه لطلب خدمي سيتم رفضه YoUkNoWhOwwEdO

10-21-2006, 09:36 مساءً	#3 (permalink)
مبحرفى ذكرياتي اسرة ابن الخليج تاريخ التسجيل: Jun 2006 الدولة: ذكرياتي المشاركات: 1,946 معدل تقييم المستوى: 1564	مشاركة: قوانين كتابة كود Html كالمحترفين بارك الله فيك أخوي Admin وكل عام وأنت بخير من مواضيع مبحرفى ذكرياتي في المنتدى vBulletin 2.3.11 - NULL-DGT 100% vBulletin 3.5.6 - NULL-DGT 100% ملف التعريب الكامل للإصدار vb3.6.0 النهائية [ هاك ] التنبيه بوجود إعلان جديد بنافذة إعلانية منبثقة . [عاجل] ثغره بجميع نسخ المنتديات حتى 3.6.2 والترقيع بالداخل __________________ مبحرفى ذكرياتي

01-09-2007, 06:36 صباحاً	#4 (permalink)
n.a.r.u.t.o :: الإدارة :: تاريخ التسجيل: Apr 2006 الدولة: U ( R a K ) E المشاركات: 11,131 معدل تقييم المستوى: 53	رد: قوانين كتابة كود Html كالمحترفين شكرا لك اخوي درس جميل جدا من مواضيع n.a.r.u.t.o في المنتدى [PC] لعبة Monopoly 3D [ sega ] خمس ألعاب منوعة مع الصور google 2080 يا ترى كيف .. !!! [PC-Mac] لعبة المنبولي لأجهزة الماك Monopoly - for MAC OS X عاجل : قامت شجون البدو بضرب راعي السوبرماركت __________________ ::The Umbrella 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 الدولة: الجزيره العربية المشاركات: 267 معدل تقييم المستوى: 1339	رد: قوانين كتابة كود Html كالمحترفين بارك الله فيك اخوي ADMIN من مواضيع صقر الجزيره في المنتدى نبذه مختصر للغات البرمجة دورة كامله لشهادة Icdl كتابان لتعليم برمجة ++c مبتدئ يسأل ؟ افضل كتب تعليم Php (للمبتدين و المتوسيط ) __________________

	Sitemap \| Archive \| Tag Could
	$معهد مطور - ينتهي الإعلان بتاريخ 16\10\2008$

$منتديات نظرة حب - ينتهي الاعلان بتاريخ 6\11\2008$		$الرَّقائق دعوة لترقيق القلوب - ينتهي الاعلان بتاريخ 6\11\2008$
		$نغمات إنتظار الشادي - ينتهي الاعلان بتاريخ 6\11\2008$

03-06-2007, 10:29 مساءً	#6 (permalink)
محمد يوسف عضو متميز تاريخ التسجيل: Sep 2006 المشاركات: 260 معدل تقييم المستوى: 1111	رد: قوانين كتابة كود Html كالمحترفين جزاك الله عنا كل الخير يا ابو سعود ويعافى اخى ابو الويس من مواضيع محمد يوسف في المنتدى استفسار بسيط شرح تركيب السيرفر الشخصى (خادم الجمل) وثبيت منتدى عليه دورة احتراف تركيب منتدى vbومجلةMKPortal على مساحة مجانية [module][All] مـخـتـارات رمضـانيـة [module][All] موسوعة الوطن العربى __________________ تخيل التعليق

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

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
فيلم كتكوت dvdrip وكمان عمارة يعقوبيان و أفلام غيرهم كتير برابط صاروخي	Guevara	افلام عربية	1	08-26-2008 11:04 صباحاً
تاريخ الـ Html	ADMIN	دروس برمجة مواقع	4	01-12-2008 03:05 صباحاً
فيلم كتكوت dvdrip وكمان عمارة يعقوبيان و أفلام غيرهم كتير برابط صاروخي	Guevara	افلام عربية	0	08-10-2007 05:32 صباحاً
كود مميز كتابة متحركة في وصف أقسام المنتدى	ولد السلطنة	هاكات وشروحات vBulletin 3.[6-5].X	11	04-14-2007 11:35 مساءً
هذا كود عبارة عن طلب ترشيح من زوارك من اسلاك البدرى html	mezozam	سكربتات وادوات تطوير المواقع	4	11-26-2006 08:43 مساءً

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

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