تعريف HTML و CSS واستخدامهما في ووردبريس

التعريف بمصطلح HTML


تعريف HTML و CSS واستخدامهما في ووردبريس

HTML هي اللغة المستخدمة لإنشاء صفحات الويب ومحتواها. إنّها المُكون الأساسي لصفحات الويب.

HTML هو الاختصار الإنجليزي لـ HyperText Markup Language والذي يعني باللغة العربية « لغة ترميز النصوص التشعبية »

  • تشير “لغة الترميز” إلى استخدام العلامات والأكواد لتحديد محتوى الصفحة وعناصرها.
  • يشير مصطلح “النص التشعبي” إلى روابط النص التشعبي التي قد تحتوي عليها صفحة HTML.

يعمل كود HTML على وصف بنية الصفحة والعناصر المكونة لها والمضمنة فيها للمتصفح الذي تستخدمه مثل:

  • العناوين ، والفقرات ، والصور ، والقوائم ، والروابط ، والنماذج ، وحقول الإدخال ، إلخ.

إعلم أنه : « لا تخلو أيّ صفحة ويب من أكواد HTML ، وكل جزء في  هذه الصفحات هو عبارة عن عنصر HTML » .

. <p> لإنشاء فقرات النّص على سبيل المثال ، كتلة النص الذي تقرأه  الآن هي عنصر <p>  نستخدم العلامة

عنوان هذه المقالة الذي يشير إلى  « تعريف HTML و CSS واستخدامهما في ووردبريس  »  هو عنصر <h1> و يُستخدم للإشارة إلى العناوين ، ويتم منح الترتيب لدرجة العناوين على النحو التالي:  h2 و h3 و h4 و h5 و h6.
الروابط التشعبية السالفة الذكر،  هي عناصر <a>.
وإذا احتوت هذه الصفحة على صورة ، فستدخل حتماً في عنصر <img>.
إذا كانت لغة HTML تشير إلى بنية صفحة الويب ومحتواها ، فإن لغة CSS تجعل من الممكن تحديد النمط (التخطيط ، والتنسيق ،  وما إلى ذلك) لعناصر HTML.

أدعوك لزيارة قائمة تشغيل قناة Jabism Web:

تعريف HTML و CSS واستخدامهما في ووردبريس

التعريف بمصطلح CSS


لغة CSS   هي اللغة المستخدمة لتحديد المظهر المرئي لصفحة الويب وتنسيق مستندات HTML.
تستخدم سمات CSS و HTML لإنشاء صفحات الويب وتحديد تنسيقاتها وهي التي تكمل لغة html فتتولى تنظيم وترتيب النّص بما في ذلك الجداول والصور والروابط والألوان والخطوط والمحاذات لعناصر HTML وتغيير حجم النص  وما إلى ذلك .
 يمكن القول أن CSS هو لغة تشرح وتُنَسِّق وتعرض الوجه الجميل للملفات المكتوبة بلغة HTML وتسمح لنا بتعديل مظهر محتويات الصفحة. 
CSS هو اختصار إنجليزي لـ Cascading Style Sheets والذي يترجم إلى العربية  ب « أوراق الأنماط المتتالية. »

 

هل يمكن استخدام CSS دون وجود HTML ؟


  طبعاً لا يمكن استخدام  CSS في غير صفحة HTML . لأن  CSS بكل بساطة مكمل ل HTML  وكلاهما يعد من اللغات الأساسية المستخدمة في تطوير الويب.  إذا كانت  HTML هي لغة ترميزية يستخدمها المطورون لإنشاء صفحات الويب فلأنها تسمح لنا بتحديد المحتويات المختلفة للصفحة.  ويعتبر html مُهماّ جداّ لأنه هو من يخبر المتصفحات مثل جوجل كروم و أنترنت إكسبلورور  وغيرهما بما تتكون صفحة الويب  . و بفضل html نتمكن من الإشارة إلى أن المحتوى عبارة عن نص به عناوين بمستوياتها وصور وفيديوهات وقوائم وما إلى ذلك  ،
والذي يجب أن تعرفه ، هو أن صفحة HTML بدون CSS تشبه تماماً حديقة جرذاء لا نبات فيها ولا ماء.

كيف نستخدم HTML و CSS في ووردبريس ؟


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

إليك مقالات في الموضوع غاية في الأهمية:

 

 

يحتوي كل قالب WordPress على ملف style.css يحتوي على قواعد نمط لتحديد تنسيق الصفحات التي تم إنشاؤها بواسطة WordPress .

الخاتمة: 

من خلال ما سبق شرحه فإن لغة HTML و CSS لا غنى عنها في صفحات الويب ، وتعلمها اصبح حاجة ملحة لذا أصحاب المواقع ، كي لا يحتاجون لغيرهم في حل بعض المشاكل البسيطة التي تعترضهم من حين لأخر . لذلك رفعت شعار: « تعلم كيف تبني موقعك بنفسك » .

في أمان الله

 

حول الكاتب :   من أقصى شمال المغرب كاتب مقالات إلكترونية حول كيفية بناء موقع ويب ناجح : ووردبريس ، HTML ، CSS .ومواضيع مختلفة وناشط على اليوتيوب في قناة: Jabism Web و رحيل الليل
كتب 464 مقالة في jabism.com.
-:- راسلني   -:- تابعني على تويتر   -:- تابعني على الفايسبوك

38 عدد المشاهدات لهذا المحتوى
Scroll to Top