الدرس الثالث من دورة Html ...

**ABO Deema** · 07-28-2005, 04:53 PM

اليوم درسنا راح يتكلم عن عناصر HTML
وكمقدمة لهذا الدرس
أن من البديهي بأن مستند HTML مكون من عناصر HTML
والمصطلح لها هو HTML elements
وعناصر HTML تعرف بـ HTML Tags أي بالأوسمة

تعال نتعرف أكثر عن درس اليوم ...

HTML Tags
الأوسمة ( HTML Tags ) تستخدم لزيادة عناصر HTML وهذا شيء بديهي
والمقصود بأن كل وسم يعطي تعليمة معينة لكي تعرض على المتصفح فكلما زادت الأوسمة زادت العناصر وبهذا يزيد حجم مستند أو ملف HTML
أوسمة HTML يجب أن تحاط بقوسين كـ <body>
ومصطلح القوسين هو angle brackets
وعادة ما يأتي للوسم بداية ونهاية والنهاية تضاف لها سلاش مثل التالي Smart C0d3r 
الوسم الأول هو بداية الوسم أو خلينا نسميها بداية العنصر
Smart C0d3r هو المحتوى المضاف للوسم
 هو نهاية الوسم
قد يسألني البعض هل يوجد فرق لو كتبنا أو طبعا ما فيه فرق أبدا

HTML Elements
تذكر مثالنا السابق

كود:

<html> <head> <title>عنوان الصفحة</title> </head> <body> هذه صفحتي الأولى. هذا الجزء غامق </body> </html>
هذا يعتبر عنصر من عناصر HTML

كود:

هذا الجزء غامق
حيث أن الوسم يعتبر بداية عنصر HTML
و " هذا الجزء غامق " يعتبر المحتوى لهذا العنصر أو الوسم
ونهاية العنصر هي الوسم 

فائدة هذا الوسم هو بأنه يعطي تعليمات بأن هذا العنصر يجب أن يعرض غامق اللون

وهنا أيضا مثال آخر يعتبر عنصر HTML

كود:

<body> هذه صفحتي الأولى. هذا الجزء غامق </body>
حيث أن هذا العنصر يبدأ بـ <body> وينتهي عند </body>
وفائدة هذا الوسم هو يعطي تعليمات لمستند HTML بأن هذا الجزء هو الذي يجب أن يعرض
في واجهة صفحة أو ملف HTML

لماذا نستخدم الحروف الصغيرة ؟
لقد قلنا للتو بأن HTML لا تهتم إن كان الحرف كبيرا أو صغيرا 
فالاثنين سوف يؤديا نفس الغرض
ولكن الأفضل استخدام الحروف الصغيرة في تعلم HTML حسب ما صرحت به W3C
وهي اتحاد نظام الشبكة العالمية حيث فضلت استخدامه في اصدارات مثل HTML 4 و XHTML

الإضافات على الأوسمة
يمكن للأوسمة أن تحتوي إضافات تقوم بتعليمات معينة
والقاعدة في الإضافات هي اسم ثم قيمة كالتالي

كود:

name="value"
ومن الأمثلة وسم <body> بإمكانك إضافة قيمة تغير لون الخلفية لصفحة HTML كالآتي

كود:

<body bgcolor="red">.
سوف يجعل لون الخلفية أحمرا

وكذلك في وسم <table>

كود:

<table border="0">
حيث يجعل الجدول ذو حدود مخفية أي بدون حدود

للمعلومية الإضافات دائما تضاف لبداية الوسم
وهناك الكثير من الأمثلة التي سوف نتعلمها لاحقا في دروس أخرى

ما الفرق بين استخدام علامة التنصيص "red" و 'red' ؟
طبعا نحن نتكلم عن القيم أو الإضافات التي تضاف للأوسمة
لا يوجد فرق في استخدام "red" أو 'red'
كلاهما سوف يؤدي نفس الغرض لكن توجد حالات تستوجب أنك تستخدم 'red' علامة التنصيص هذه
فتخيل قيمة كهذه

كود:

name='Smart "HTML" C0d3r'
في هذه الحالة أنا أريد HTML أن تحدد بعلامة تنصيص وحتى لا يعتبرها الملف قيمة
وضعنا قبلها علامة التنصيص (')

إلى هنا أنهي درس اليوم
وأتمنى أن تكونوا استفدتوا واعذروني على تأخري في طرح الموضوع
أي استفسار نحن في خدمتكم

تحياتي
omar

**شهد** · 07-29-2005, 04:36 AM


	بكل يوم درس رائع ومفيد نتعلمه معك ونستفيد منها الكثير عمر فكل الشكر على جهودك وعلى مواضيعك الرائعه والمتميزة وسلمت يداك والله يعطيك العافيه..تحياتي الك

**ABO Deema** · 07-29-2005, 04:28 PM

هلا بشهد
ولا شكر على واجب
ونحنا ما عم نعمل إلا الواجب
تحياتي
OmAr

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
[ فهرس] دروس الفرونت بيج	ABO Deema	منتدى تطوير المواقع	0	12-30-2007 03:37 PM
الدرس الأول من دورة لغة Html ...	ABO Deema	منتدى تطوير المواقع	2	07-23-2005 12:48 PM
الدرس الثاني من دورة Html ...	ABO Deema	منتدى تطوير المواقع	2	07-23-2005 12:35 PM

تبادل روابط ( إعلانات نصية )
مدونة أبو ديمة	SyrianBoy Club	المسافرون	منتديات ها أنا
منتديات رفيف	ABO Deema	إعلان نصي	إعلان نصي

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