[ الدرس الرابع ] عناصر الـ Html

السلام عليكم و رحمه الله و بركاته
اهلا باطلاب النجباء هههه
اظن اهه ريحتكم من تطبيق الدرس الثالث
اظن كدا استريحتوا و تفوقوا في الدرس الرابع لانه محتاج تركيز

[ الدرس الرابع ] عناصر الـ Html Aa11

الدرس الرابع بعنوان عناصر الـ Html

[ الدرس الرابع ] عناصر الـ Html Untitl13

.:: آلرجــآء اتـــبــآع آلقوانـيـن و
آلشــروط
::.

لا تقبل أي تطبيقات بعد إنتهاء فترة
التطبيق [ الاربعاء 21/5/2010 ] .
التطبيق داخل الموضوع فقط .
يمنع

وضع رد بدون تطبيق ‏ .
يمنع وضع عبارة [ محجوز ] لكي يتسنى
لنا متابعة التطبيقات بتتابع الصفحات.
للاستفسارات حول هذا
الدرس ضع استفسارك في نقاش الدرس الاول هنا [ اضغط

هنا].
التطبيقات السليمه سوف يتم
اضافه 2 نقطه تميز لرصيد المشترك .
التطبيقات [ المتشابهه و
المأخوذه كوبي من تطبيق اخر ] سيتم ادراجها ضمن التطبيقات الخاطئه .

يتم تعريف وثائق الـ Html بواسطع عناصر الـ Html

عناصر الـ Html

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

Start tag *	محتوي العنصر	End tag *
<p>	هذه فقره	</p>
<a href="google.com" >	هذا رابط	</a>
<br />

ملحوظه : لا تنسوا start tag غالبا تدعي opening tag. The end tag غالبا تدعي the closing tag

لغويات عناصر الـ Html

عناصر الـ Html تبدا بـ

start tag / opening tag

تنتهي عناصر الـ Html بـ

end tag / closing tag

محتوي العنصر هو ما بين start tag و end tag
بعض عناصر الـ Html لديها محتوي فارغ
العناصر الفارغه تنتهي عند الـ start tag
معظم عناصر الـ Html عندها سمات

سوف ندرس ما هي السمات في الدرس القادم

عناصر الـ Html المتداخله

معظم عناصر الـ Html تكون متداخله
( يعني عنصر يحتوي علي عنصر اخر )

وثائق الـ Html تتكون من عده عناصر متداخله

مثال علي وثيقه الـ Html

<html>

<body>
هذه فقرتي الاولي
</body>

</html>

هذه الوثيقه تحتوي علي 3 عناصر

شرح المثال

العنصر

هذه الفقره الاولي

العنصر بيعرف الفقره في الوثيقه
العنصر عنده start tag و end tag 
محتوي العنصر : هذه الفقره الاولي

العنصر <body>

<body>
هذه الفقره الاولي
</body>

العنصر <body> بيعرف الفقره في الوثيقه
العنصر عنده start tag <body> و end tag </body>
محتوي العنصر : هو عنصر اخر و هو عنصر الفقره الاولي

العنصر <html>

<html>

<body>
هذه الفقره الاولي
</body>

</html>

العنصر <html> بيعرف الفقره في الوثيقه

العنصر عنده start tag <html> و end tag </html>

محتوي العنصر : هو عنصر اخر و هو عنصر body

لا تنسي end tag

المتصفحات سوف تلغي العنصر اذا نسيت الـ end tag

هذه الفقره الاولي
هذه الفقره الاولي

سيمعل الكود في بعض المتصفحات و البعض لا و قد يتنتج عن نسيان الend tag
بعض الاخطاء او النتائج الغير متوقعه

ملحوظه : في النسخه القادمه من الـ Html لن يسمحوا لك ان تتخطي الـ end tag

العنصر الفارغ

عناصر الـ Html من غير محتوي تسمي المحتوي الفارغ
العنصر الفارغ ممكن يكتفي بtag واحد
 هي عنصر فارغ لا يحتاج الي بطاقه اغلاق و وظيفته الفاصل بين الاسطر يعني لو انت بتكتب و عايز تنزل للسطر الي تحت تحط الرمز دا
في Xtml و Xml و المستوي المستقبلي من Html يجب ان تنغلق كل العناصر
اضافه سلاش / الي العنصر الفارغ هي الطريقه الانسب لغلق العنصر في العناصر الفارغه و التي يتقبلها ال XHTML و XML و HTML

بما ان العنصر الفارغ بيشتغل بطرف واحد الا ان الافضل انك تقفلها علشان توصل للمستوي الاحترافي

ملحوظه في الـ Html

ان التاج ليس بالقضيه الحساسه ان تكتبها كابيتال او سمال
يعني تساوي 
لاكن معظم المواقع تستخدم الكابتال

نحن هنا سوف نستخدم السمال بسبب ان المعايير القياسيه لصفحه الويب تفضل السمال كما ان لغات الHtml
المستقبليه سو تعتمد عليها

اخيرا خلصت اخيرا

بصو بقا الواجب
هاهاهاهاهاها

لا متقلقوش
لخصوا الدرس في 6 جمل

جاوب علي الاسئله التاليه
1
ما فائده 
و اقصد وظيفتها يعني كيف يقرأها المتصفح
2
قلي 3 حجات لازم نقفل فيهم العنصر الفارغ

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

الموضوع الأصلي : [ الدرس الرابع ] عناصر الـ Html المصدر : شبح الالعاب

سوف تكون هذه القائمه لتسهيل التصحيح و لكي يتمكن
الجميع من معرفه
نتيجه
تصحيح تطبيقهم ::.

~~

اذا

وجدت اسمك اسفل قائمه [التطبيقات السليمه] اذن فتطبيقك سليم و سوف يتم
اضافه
التقييم لك .
[ الدرس الرابع ] عناصر الـ Html 1111

1-

the chazz

~~

و اذا وجدت اسمك اسفل قائمه [التطبيقات الخاطئه] + السبب
..فارجو
ان يتم
التصحيح .

[ الدرس الرابع ] عناصر الـ Html 2211

~~

عند تصحيح
التطبيق الخاطئ ارجو وضع صوره
[هذه الصوره بالاسفل] اسفل تطبيقك
المعدل
لكي اعرف انك قد قمت بالتصحيح
.

~~

هذه هي قائمه
المتغيبين
عن الدروس :: اذا تكرر اسمك في هذه القائمه لدرسين
نتأسف
سيتم
الغاء اشتراكك الا لو كان عندك عزر .

~~

الموضوع الأصلي : [ الدرس الرابع ] عناصر الـ Html المصدر : شبح الالعاب

عدل سابقا من قبل kaiba في الخميس 20 مايو 2010, 08:28 عدل 1 مرات

1- عناصر الhtmlتبدأ ب start tag و تنتهي ب end tag
2- محتوي العنصر يكون بين tsart tag و end tag
3- بعض العناصر تكون فارغه
4- معظم العناصر تكون متداخله
5- معظم العناصر عندها سيمات
6- العنصر الفارغ يرمز له ب و يجب غلقه ب سلاش

رمز ال يقرأه المتصفح علي شكل سطر فارغ

يتم غلق العنصر الفارغ ب HTML-XHTML-XML

الموضوع الأصلي : [ الدرس الرابع ] عناصر الـ Html المصدر : شبح الالعاب

حلو تطبيقك يا علوه
و ملحوظه يا شباب الي يعمل تطبيقه
يلغي ال Html
من الموضوع
حتلاقوا
خيارات
اعرض توقيعي و كده
اول واحده غيروها
علشان الاقواس تظهر
^_^
و بالتوفيق للكل
شكرا يا علوه

الموضوع الأصلي : [ الدرس الرابع ] عناصر الـ Html المصدر : شبح الالعاب

يتم غلق العنصر الفارغ
HTML-XHTML-XML

البي ار مشكله ليه ودائما بغلط بيه مش مهم البي ار هوه الي يقراه المزيلا او خلينا نقول المتصفح على شكل فراغ والله اعلم!!!...

الموضوع الأصلي : [ الدرس الرابع ] عناصر الـ Html المصدر : شبح الالعاب