HTML && CSS باختصار – Twice

HTML && CSS باختصار

ملف مكتوب بخط اليد بيختصر اهم لغتين للبدء  Frontend

👇اللينك الملف 👇

تجد هنا

---

اقرأ ايضا:

ملف شامل لل HTML مع فــيديوهات Elzero خطوة بخطوة مـــن تجد هنا

ملف شامل لل CSS مع فــيديوهات Elzero خطوة بخطوة مـــن تجد هنا

---

تعريف لغة HTML

مـــا هي لغة HTML ؟ دليلك لفهم لغة توصيف النص الفائق HTML

لغة ال HTML

لغة HTML هي اللغة الموثقة الموصى بهـــا مـــن قبل اتحاد شبكة الويب العالمية (W3C) ويلتزم بهـــا بشكـــل عام كل متصفحات الويب الرئيسية ، بمـــا فــي ذلك متصفحات الويب علــى سطح المكتب واَلْمُوبَايِل. HTML5 هـــو أحدث إصدار مـــن المواصفات.

مـــا هي لغة HTML ؟

اتش تي ام ال HTML هـــو اختصار لــ hypertext Markup LanguageH وتعني لغة ترميز النص التشعبي. لغة HTML تتكون مـــن الوسوم والأوامر التــي يستخدمها مصممو الويب لإنشــاء مواقع الويب.

النص التشعبي هـــو نص به روابط يمكن للقراء الضغط علــىها للانتقال إلــى صفحة أخرى أو جزء آخر مـــن بصفحة. وفــي الظل نفسه ، تستخدم لغة الترميز علامـــات(وسوم) أو نصًا العودةيًا بعلامـــات خاصة لإختيار أقسام بصفحة ، مثل الرؤوس والتذييلات والعناصر الأخرى ، بمـــا فــي ذلك الجداول والصور.

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

 

لكتابة HTML ، ستحتاج إلــى محرر نصوص ، مثل Notepad أو Brackets أو Atom. يتأكد محررو HTML مـــن أنه ترميزك نظيف وفعال. إنها تساعد فــي تقليل الأخطاء عن الية إدراج العلامـــات تلقائيًا (الإكمـــال التلقائي) والعناصر الشائعة الأخرى أو مـــن خــلال تسليم الأخطاء.

فــي مـــاذا تستخدم لغة HTML ؟

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

 

تعريف لغة CSS

مـــا هي css ؟

مـــا هي css ؟

مـــا هي أوراق الانمـــاط css ؟

أوراق الأنهمـــاط المتتفيه ، المشار إليها باعتزاز باسم CSS ، هي لغة تصميم بسيطة تأهدافك إلــى تبسيط العملية جعل صفحات الويب قابلة للتقديم.

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

---

مـــن السهل تتعلم وفهم CSS ، لكنه يوفر تحكمًا قويًا فــي عرض مستند HTML. الأكثر شيوعًا ، يحصل دمج CSS مع لغات الترميز HTML أو XHTML.

 

مزايا CSS

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

مـــن الــذي يرعى ويحافظ علــى CSS ؟

يحصل إنشــاء CSS والحفاظ علــىه مـــن خــلال تكلة مـــن الأشخاص داخل W3C تسمى تكلة العمل CSS. ترتكز تكلة عمل أوراق الأنهمـــاط المتتفيه بإنشــاء مستندات تسمى المواصفات. عند مـــناقشة المواصفات والتصديق علــىها رسميًا مـــن قبل أعضاء W3C ، تصبح توصية.

تسمى هذه المواصفات المصادق علــىها توصيات لأنه W3C لا يتحكم فــي التنفــيذ الفعلــى للغة. ترتكز الشركات والمؤسسات المستقلة بإنشــاء هذا البرنامج.

ملاحظة : The World Wide Web Consortium أو W3C هي تكلة تقدم توصيات حول اليةةية عمل الإنترنت واليةةية تطورها.

إصدارات أوراق الأنهمـــاط المتتفيه

خرجت Cascading Style Sheets المستوى 1 (CSS1) مـــن W3C كتوصية فــي ديسمبر 1996. يصف هذا الإصدار لغة CSS بالبالاضافة لذلك إلــى نموذج تنسيق مرئي بسيط لكل علامـــات HTML.

أصبحت CSS2 توصية W3C فــي مـــايو 1998 وترتكز علــى CSS1. يضيف هذا الإصدار دعمًا لأوراق الأنهمـــاط المعلنـــة بالوسائط ، علــى سبيل المثال الطابعات والأجهزة السمعية ، والخطوط القابلة للتحميل ، وإختيار المواقع والجداول.