قوانين كتابة كود 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 الدولة: بلاد الخليج المشاركات: 45,730 معدل تقييم المستوى: 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 درس أساسيات الخطوط Corel Draw صور لثعبان يلتهم خنزير [متوسط] درس عمل جدول بالفوتوشوب فن الرسم على السيارات __________________ دليل مواقع ابن الخليج خدمة google page rank مقدمه من ابن الخليج خدمه اختصار الروابط الآن تستطيع جلب كل ستايلات المنتدى للمجلة ومن غير اي تدخل شخصي منك فقط بـ 120 ريال** اطلب منتج بالضغط هنا "من هارون أمير المؤمنين إلى نقفور كلب الروم، قد قرأت كتابك يا ابن الكافرة، والجواب ما تراه دون أن تسمعه، والسلام" اين نحن من هذه الرساله؟ التعديل الأخير تم بواسطة : ADMIN بتاريخ 10-30-2006 الساعة 10:09 مساءً. <a rel="nofollow" href="http://www.dartmediakuwait.com/adclick.php?n=a85a316d" target="_new"><img src="http://www.dartmediakuwait.com/adview.php?what=zone:107&source=MP3Q8&n=a85a316d" border="0" alt=""></a>

10-18-2006, 02:20 صباحاً	#2 (permalink)
كرم العربي :: administrator :: تاريخ التسجيل: Apr 2006 الدولة: ::In De GhEtTo:: المشاركات: 14,096 معدل تقييم المستوى: 53	مشاركة: قوانين كتابة كود Html كالمحترفين يعطيك العافيه اخوي Admin من مواضيع كرم العربي في المنتدى A freind ...... Flash Card لعبة real texas hold'em poker MS Office 2003 Word-Excel PORTABLE شرح تغيير باسوورد ايميل ال Hotmail الجديد أثقل أفعى فى العالم....ممنوع الإقتراب أو التصوير __________________ دليل مواقع ابن الخليج اضف موقعك واكسب صداقه محركات البحث اضف زر Google PageRank الي موقعك خدمه اختصار الروابط الآن تستطيع جلب كل ستايلات المنتدى للمجلة ومن غير اي تدخل شخصي منك فقط بـ 120 ريال [يمنع] وضع المواقع الربحية من الإنترنت للاستفادة منها على حساب الاعضاء بريدي للتعامل الشخصي فقط واي اضافه لطلب تجاري او خدمي سيتم رفضه YoU kNoW hOw wE dO

10-21-2006, 09:36 مساءً	#3 (permalink)
مبحرفى ذكرياتي اسرة ابن الخليج تاريخ التسجيل: Jun 2006 الدولة: ذكرياتي المشاركات: 1,946 معدل تقييم المستوى: 1563	مشاركة: قوانين كتابة كود Html كالمحترفين بارك الله فيك أخوي Admin وكل عام وأنت بخير من مواضيع مبحرفى ذكرياتي في المنتدى [Product] اللــقــب الإضـــافي للعضـــو - جديد وحصري [ هاك ] منع التواقيع و الصور في الأقسام الدينيه [ هاك ] وصف محتوى الموضوع صدور النسخة الذهبية 3.6.0 [ تمبلت ] قائِمة خيارات لوحة التحكم المنسدلة __________________ مبحرفى ذكرياتي

01-09-2007, 06:36 صباحاً	#4 (permalink)
n.a.r.u.t.o :: الإدارة :: تاريخ التسجيل: Apr 2006 الدولة: U ( R a K ) E المشاركات: 9,961 معدل تقييم المستوى: 53	رد: قوانين كتابة كود Html كالمحترفين شكرا لك اخوي درس جميل جدا من مواضيع n.a.r.u.t.o في المنتدى ماذا يعني هذا العطل [PSP] لعبة Street Fighter Alpha 3 MAX [PC-mini] لعبة Westward I+II [PC] لعبة Starcraft broodwar expansion v1.15.2 with bnet [PC] لعبة كرة القدم UEFA champions leauge 2006-2007 __________________ .tk tk, Tadaimaaaaa n.a.r.u.t.o is Back

02-15-2007, 07:16 مساءً	#5 (permalink)
صقر الجزيره :: عضو شرف :: تاريخ التسجيل: Dec 2006 الدولة: الجزيره العربية المشاركات: 267 معدل تقييم المستوى: 1338	رد: قوانين كتابة كود Html كالمحترفين بارك الله فيك اخوي ADMIN من مواضيع صقر الجزيره في المنتدى تعلم الفجول بيسك مع صقر الجزيره ( الدرس الرابع) الان برنامج كأس الخليج 18 ( هديه لعشاق الكره) تعلم الفجول بيسك مع صقر الجزيره ( الدرس الثالث) إحترف Excel2003 مع صقر الجزيره (الدرس الاول ) عندك اي سؤال في الأفيس ؟ (ادخل هناااا) __________________

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

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

اكثر الكلمات بحثاً

	Sitemap \| Archive \| Tag Could
	$موقع ولد الامارات - ينتهي الاعلان بتاريخ 20\8\2008$

		$شبكة مدينة الحب - ينتهي الإعلان بتاريخ 19\8\2008$
	$شبكة مملكتي - ينتهي الإعلان بتاريخ 8\8\2008$	$ملتقى الدعوة الاسلامي - ينتهي الإعلان بتاريخ 6\8\2008$

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

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

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
تاريخ الـ Html	ADMIN	دروس برمجة مواقع	4	01-12-2008 03:05 صباحاً
فيلم كتكوت dvdrip وكمان عمارة يعقوبيان و أفلام غيرهم كتير برابط صاروخي	Guevara	افلام عربية	0	08-10-2007 09:14 صباحاً
فيلم كتكوت 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 مساءً