التصنيف: دعم عام
التصنيف: دعم عام
  • كيفية انشاء قالب ابن child theme
  • طريقة عمل نافذة منبثقة عند الضغط على كلمة
  • إضافة رابط لجميع صور المقالات أوتوماتيكيا

كيفية انشاء قالب ابن child theme

السلام عليكم ورحمة الله لدي قالب من قوالب الووردبريس الافتراضية وأريد أن أعدل ع...
محمد رضا |15 مارس 2019 |6

طريقة عمل نافذة منبثقة عند الضغط على كلمة

السلام عليكمهناك خاصية في موقعكم لما اضغط على كلمة "عن الموقع" تفتح لي نافذة...
قرين |21 جـانفي 2019 |6

إضافة رابط لجميع صور المقالات أوتوماتيكيا

السلام عليكم أحتاج من فضلكم لكود php او java لجعل جميع الصور داخل المواضيع لها...
رشيد |15 جـانفي 2019 |2

  • أقسام ملفات HTML

2013/11/09
كاتب الموضوع: BENACEUR
التصنيف: دروس - html
أقسام ملفات HTML

تتكون ملفات HTML من قسمين :
• المحتوى : وهو ما يشاهده الجمهور في صفحتك.
• الوسوم :وهي الأجزاء التي تحدد كيف سيشاهد جمهورك المحتوى السابق، فهي تصف المحتوى من حيث التنسيق.
مثال على ذلك هذا السطر من لغة HTML ..

 

HTML is a <font color="red">Great</font> Language

وعند استخدام المتصفح في مشاهدة السطر السابق سيظهر هكذا ..

HTML is a Great Language

في المثال السابق يتضح لنا أمر آخر، وهو أنه حتى نضبط خصائص أحد الوسوم فإننا نقوم بوضع إسم الخاصية بعد اسم الوسم بين علامتي الـ< والـ> ونفصل بين اسم الوسم والخاصية بمسافة بيضاء، وتكون الخصائص في صورة إسم=”قيمة” أي إسم الخاصية ثم علامة المساواة ثم قيمة الخاصية بين أقواس الإقتباس المزدوجة، في المثال السابق قمنا بضبط الخاصية color للوسم font عند القيمة red، وإذا كان هنالك أكثر من خاصية يمكننا إضافتها أيضا في نفس المكان، بحث نفصل كل خاصية والأخرى بمسافة، مثلا ..

HTML is a <font color="red" size="5">Great</font> Language

التي ستظهر هكذا ..

HTML is a Great Language

أمور إضافية يجب أن تعرفها عن HTML ..
• لغة HTML لا تراعي حالة الأحرف من حيث كونها كبيرة أو صغيرة، أي أنه في HTML وضع <b> لا يختلف عن <B>.
• يمكن إحاطة قيم الخصائص بعلامة إقتباس مزدوجة ( ” ) أو مفردة ( ‘ )، ويمكن أيضا عدم إحاطتها بأي منها إذا كانت القيمة تتألف من كلمة واحدة دون مسافات.
• بعض الوسوم تحتاج إلى وسم إغلاق وبعضها لا يحتاج إليه.
• قد وقد لا يحتوي وسم الفتح على خصائص إضافية، ولكن وسم الإغلاق لا يحتوي أبدا على هذه الخصائص.
• لغة HTML لا تراعي المسافات البيضاء، وتعتبرها جميعا مسافة واحدة، أي أن وضع مسافة واحدة بين كلمتين، يساوي وضع مسافتين، ويساوي وضع ثلاثين مسافة، ويساوي وضع سطر جديد، ويساوي وضع جدولة tab، كلها تترجم إلى مسافة.
• توضع التعليقات بين <!– و –> أي أن المتصفح يتجاهل أي شيء بينهما وكأنه غير موجود.
بنية ملف HTML
يتكون ملف HTML القياسي من جزئين رئيسيين هما :
• الرأس Head : يحتوي على المعلومات الإضافية الخاصة بالمستند مثل عنوان الصفحة والكلمات المفتاحية فيها وغيرها من الأمور الخاصة بالصفحة والتي لا تعتبر من ضمن المحتوى.
• الجسم Body : وهو يحتوي على المحتوى الذي يراه المستخدم.
المثال التالي يبين كيفية تقسيم ملف HTML ..

<html>
    <head>
        ...
    </head>
    <body>
        ...
    </body>
</html>

المثال السابق صريح، ولا يحتاج إلى المزيد من التوضيح، الأجزاء التابعة للرأس توضع بين <head> و </head>، أما الأجزاء التابعة للجسم فتوضع بين الوسمين <body> و </body> .
يتم تحديد عنوان المستند الذي يظهر في شريط العنوان للمتصفح بإحاطته بـ <title> و </title>، والمكان الصحيح لوسم الـ <title> هو الرأس، حيث أن الوسم title لا يعتبر من ضمن محتوى الصفحة ولا يظهر في الصفحة، وهو يستخدم في عمليات البحث والأرشفة كما في محركات البحث، ولا يمكنك وضع وسوم تنسيق أخرى بين وسمي الـ title.
وتوجد أيضا وسوم أخرى تحدد صفات المستند تمسى وسوم meta توضع أيضا في منطقة الرأس، وسنأتي إليها في أمور إضافية في الدروس القادمة إن شاء الله.
أما باقي الوسوم فأغلبها يوضع في منطقة الجسم body.


شارك هذا الموضوع على:

رابط الموضوع للنسخ
BENACEUR

نبذة قصيرة عن BENACEUR

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

أضف تعليقك | سجّل دخولك

تعليقاتك تحتاج في هذا الموضوع إلى المراجعة قبل النشر



  1. Avatar
  2. سيرة
    شعبان بلخير
    الذاتية
    ---------------------------
    السيرة الذاتية للمسجلين في الموقع
  3. شعبان بلخير ← علّقَ : 3 تعليقات
    زائر

    أنعم الله عليكم على هذه المعلومات