منتديات مدينة الميلية


أهلا و سهلا بك عزيزي ، إذا كنت عضو فسجل دخولك و إذا كنت مجرد زائر فندعوك للتسجيل و الأنضمام إلينا الآن .

تحياتي




منتديات مدينة الميلية


أهلا و سهلا بك عزيزي ، إذا كنت عضو فسجل دخولك و إذا كنت مجرد زائر فندعوك للتسجيل و الأنضمام إلينا الآن .

تحياتي




منتديات مدينة الميلية
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات مدينة الميلية


 
الرئيسيةأحدث الصورالتسجيلدخول

 

 سلسلة دروس تعلم صنع صفحة الانترنت Learn HTML الدرس الثالث: العناصر والوسوم

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
.::: المدير العام :::.
.::: المدير العام :::.
Admin


عدد الرسائل : 217
الموقع : elmilia.ahlamontada.com/
تاريخ التسجيل : 05/11/2007

سلسلة دروس تعلم صنع صفحة الانترنت Learn HTML الدرس الثالث: العناصر والوسوم Empty
مُساهمةموضوع: سلسلة دروس تعلم صنع صفحة الانترنت Learn HTML الدرس الثالث: العناصر والوسوم   سلسلة دروس تعلم صنع صفحة الانترنت Learn HTML الدرس الثالث: العناصر والوسوم Icon_minitime1السبت 12 يونيو 2010 - 19:33

الدرس الثالث: العناصر والوسوم

الآن أنت جاهز لتعلم جوهر لغة HTML وهي العناصر.

العناصر تعطي لوثائق HTML هيكلية محددة وتخبر المتصفح عن كيفية عرض الصفحة، بشكل عام العناصر عبارة عن وسم "tag" للبداية ثم بعض المحتويات ثم وسم الإغلاق.
"وسوم"؟

الوسوم هي توصيفات تستخدمها لكي تضعها في بداية العنصر وعند نهايته.

كل الوسوم لها نفس نفس الشكل، تبدأ مع علامة أصغر من "<" وتنتهي مع علامة أكبر من ">".

بشكل عام هناك نوعان من الوسوم، وسم البداية: <html> ثم وسم الإغلاق </html>. الفرق بين الإثنين هي علامة "/"، توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق.

لغة HTML تتكون من هذه العناصر، لكي تتعلم HTML عليك أن تتعلم وتستخدم وسوماً مختلفة.
هل يمكنك أن تريني بعض الأمثلة؟

حسناً، العنصر em يشدد النص "يجعله مائلاً" وكل النصوص بين وسم البداية <em> ووسم الإغلاق </em> ستظهر بشكل مائل في المتصفح. ("em" هي اختصار "emphasis".)

المثال 1:

<em>نص مائل.</em>


سيظهر بهذا الشكل في المتصفح:
نص مائل.

العناصر h1، h2، h3، h4، h5 وh6 تستخدم للعناوين (حرف h هو اختصار "heading"), حيث h1 هو المستوى الأول من العناوين وبالتالي الأكبر حجماً، h2 يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، وh6 هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر.

مثال 2:

<h1>هذا عنوان</h1>
<h2>هذا عنوان فرعي</h2>


ستظهر بهذا الشكل في المتصفح:
هذا عنوان
هذا عنوان فرعي
هل أنا بحاجة دائماً إلى استخدام وسم بداية ووسم إغلاق؟

كما يقولون، هناك استثناء من كل قاعدة، والاستثناء في HTML هو وجود عناصر تعتبر هي وسم البداية ووسم الإغلاق في نفس الوقت، وهي تسمى العناصر الفارغة لأنها غير مرتبطة بنص معين لكنها عناصر مستقلة تماماً، فمثلاً هناك وسم لكي لكسر النص وإجباره على الظهور في سطر جديد، هذا الوسم يظهر بهذا الشكل: <br />.
هل تكتب الوسوم بأحرف كبيرة أم صغيرة؟

معظم المتصفحات لن تهتم إذا كتبت الوسوم بأحرف كبيرة أو صغيرة أو خليط بين الإثنين، <HTML>، <html> أو <HtMl> كلها ستعطي نفس النتائج، مع ذلك الأسلوب الصحيح هو كتابة الوسوم بالأحرف الصغيرة، لذلك عليك أن تعتاد على كتابة الوسوم بالأحرف الصغيرة.
أين أضع كل هذه الوسوم؟

أكتب الوسوم في وثيقة HTML، المواقع تحوي وثيقة HTML أو أكثر، عندما تتصفح شبكة الويب أنت فقط تقوم بفتح وثائق HTML مختلفة.

إذا انتقلت إلى الدرس اللاحق ستتمكن من إنشاء موقعك خلال عشر دقائق.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
سلسلة دروس تعلم صنع صفحة الانترنت Learn HTML الدرس الثالث: العناصر والوسوم
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» سلسلة دروس تعلم صنع صفحة الانترنت Learn HTML الدرس السادس: المزيد من العناصر
» سلسلة دروس تعلم صنع صفحة الانترنت Learn HTML الدرس الثاني: ما هي HTML؟
» سلسلة دروس تعلم صنع صفحة الانترنت Learn HTML الدرس الاول
» سلسلة دروس تعلم صنع صفحة الانترنت Learn HTML الدرس التاسع: رفع الصفحات إلى الشبكة
» سلسلة دروس تعلم صنع صفحة الانترنت Learn HTML الدرس العاشر: المعايير القياسية

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات مدينة الميلية :: ** منتدى تطوير المواقع و المنتديات ** :: منتدى تطوير المواقع و المنتديات-
انتقل الى: