ما هو CSS
Cascading Style Sheets، لغة CSS وتعرف باللغة العربية باسم صفحات الطرز المتراصة، وهي واحدةٌ من التقنيات الرئيسية المستخدمة لبناء صفحات الويب جنبًا إلى جنب مع لغة ترميز النص التشعبي HTML. وتمتاز بإضفاء السمات والخصائص على البنية الخاصة بصفحات الويب كالألوان والخطوط والأنماط التي تتخذها صفحة الويب.
كما يوضح أيضًا الكيفية التي سيتم بها استعراض عناصر صفحات الويب والتطبيقات على الشاشة في الواجهة النهائية للمستخدم بغض النظر عن نوعها، وتُدرَج عادةً في المستندات المكتوبة بإحدى لغات الترميز XML أو HTML أو XHTML وغيرها. ولا بد من الإشارة إلى أنه قبل الشروع باستخدام وتوظيف لغة CSS يجب أن يكون بحوزة المستخدم معلومات أساسية حول لغة HTML.
مكونات لغة HTML
تتكون عناصر لغة البرمجة HTML عادة من وسم البداية ووسم النهاية مع إدراج المحتوى بينهما كالتالي:
<tagname>…المحتوى هنا</tagname>
عنصر HTML هو كل ما يقع من وسم البداية حتى وسم النهاية على النحو التالي :
<p>. الفقرة الاولى</p>
لعناصر المتداخلة في لغة HTML:
- يمكن أن تحتوي عناصر لغة HTML على عناصر متداخلة (عناصر تحتوي على عناصر أخرى).
- جميع وثائق لغة HTML تتكون من عناصر متداخلة.
عناصر لغة البرمجة HTML الفارغة.
- تسمى العناصر التي لا تحتوي على محتوى بالعناصر الفارغة .
- العنصر <br> هو عنصر فارغ لا يحتوي على وسم إغلاق ، ويعرف بسطر فاصل.
- يمكن أن تكون العناصر الفارغة مغلقة باستخدام وسم :<br />.
- لا تتطلب لغة HTML5 عناصر فارغة ان يتم اغلاقها ، لكن اذا كنت تريد التحقق من صحة الوثيقة الخاص بك او في حال اردت ان يكون مقروء بواسطة لغة XML فيجب عليك كافة عناصر لغة HTML بشكل صحيح.
جميع أوامر HTML
https://developer.mozilla.org/ar/docs/Web/Guide/HTML/HTML5/HTML5_element_list
بحث شامل عن لغة HTML
لغات ترميز النصوص
Markup language، أو كما تُعرف بلغة توصيف النص، هي عبارة عن جُملة من التلميحات والأوامر والوسوم حول نص معين؛ والتي تحدد كيفيّة تنظيمه، وتنسيقه، ووصفه، وشاع استخدامها في الآونة الأخيرة ضمن أنظمة صف الحروف عبر شبكة الإنترنت. من أشهر الأمثلة على لغات الترميز هي لغة HTML، إذ تعدّ من ضمن بروتوكولا الإنترنت المهمة، وتنتهج هذه اللغة عدداً من الأساليب المشهورة في مجال النشر لتشكل حلقة وصل بين المؤلف والمحرر.
لغة HTML
HyperText Markup Languageويشار إليها اختصاراً بHTML، وتُعرف بلغة ترميز النص التشعبي، هي عبارة عن لغة ترميز خاصة تستخدم لغايات تصميم وإنشاء صفحات الويب، كما يمكننا القول بإنّها عبارة عن الهيكل الرئيسي لصفحات الويب والبنية التحتيّة لها؛ إذ تقدّم وصفاً مفصلاً حول الكيفيّة التي ستكون عليها آلية عرض محتويات الموقع الإلكتروني ويكون ذلك بتقسيمه إلى عنوان وفقرات، ويتم ذلك كله بالاعتماد على ما يُعرف بالوسوم Tags.
الوسوم
لا بدّ من الإشارة إلى أنّ الوسوم هي الجزء الرئيسي في بناء صفحة الويب، إذ إنّه باستخدامها تتخذ الصفحة أوامر خاصة وتنفذها ليتم استخدامها في تشكيل صفحة الويب، وتكون عادة كافة الوسوم محصورة بين إشارتي <، >، وتنشطر إلى نوعين رئيسيين هما:
- وسم البداية: يتطلب ذلك من المصمم أن يضع لكل وسم أو أمر بداية ونهاية، ليتم تنفيذه بشكل صحيح، ويُوضع وسم البداية عادة على النحو التالي: <HTML>.
- وسم النهاية: يُرافق وسم النهاية عادة الإشارة /، وذلك لغايات إغلاق الأمر المعطى، ويتم على النحو التالي<HTML/> .
عمل HTML
يُستهل العمل باستخدام لغة HTML بالوسم الاستفتاحي<HTML> واختتامه ب<HTML/>، إذ يعتبر ذلك شرطاً رئيسياً للشروع ببناء صفحة ويب أن تُحصر كافة الوسوم بين هذين الوسمين، كما يشترط العمل بهما على Ms-front page أو notepad، ويشار إلى أنّ السبب الرئيسي في بدء العمل وإنهائه بالوسمين الآنفين الذكر هو إعطاء متصفح الويب أمراً في ترجمة الأوامر إلى محتوى مفهوم للمستخدم النهائي لصفحة الويب وزوارها، ومن الوسوم التي تحتوي عليها أي صفحة ويب مُنشأة بواسطة HTML هي:<html></head></title> <html><head><title/>
حيث تُوضع كافة الوسوم التي تحمل أوامر وتنسيقات يراد بها التطبيق على محتويات الصفحة من نصوص، وجداول، ووصلات تشعبيّة، ورسومات، وتنسيقات ضمن هذه الخانة، قبل الوصول إلى إغلاق هذا الوسم، ومثال ذلك:<body/> .
لا بدّ لنا من التنويه، إلى أنّه يتطلب من مصمم صفحة الويب باستخدام هذه اللغة أن يحفظ عمله بامتداد html حتى يتسنى له تطبيق كافة محتويات الملف بناءً على هذه اللغة، كما نذكر بأنّه يمكننا التحكم بحجم، ولون، ونوع الخط، واتجاهه باستخدام وسوم خاصة بذلك.
لغة (HTML (PDF
لتحميل كتاب عن HTML
https://www.noor-book.com/%D9%83%D8%AA%D8%A7%D8%A8-%D8%A8%D8%B1%D9%85%D8%AC%D8%A9-%D9%85%D9%88%D8%A7%D9%82%D8%B9-%D8%A7%D9%84%D8%A5%D9%86%D8%AA%D8%B1%D9%86%D8%AA-%D8%A8%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85-%D9%84%D8%BA%D8%A9-HTML-pdf
بحث عن لغة HTML
http://www.shatharat.net/vb/showthread.php?s=5ee880418242eda07aa73d4bc6ee0978&t=12520
لغة (HTML (PPT
https://slideplayer.com/slide/14695226/
اساسيات لغة HTML
- وسم الفتح: يتألف من اسم العنصر (في حالتنا p)، محاطاً بقوس مفتوح وآخر مغلق. يحدد هذا المكوِّن بداية العنصر، أو بداية التأثير الذي يُضفيه (في حالتنا بداية الفقرة).
- وسم الإغلاق: مشابه لسابقه، ما عدا أنَّه يتضمن مائلة أماميّة (/) قبل اسم العنصر. يحدد هذا المكوِّن نهاية العنصر (في حالتنا نهاية الفقرة). يُعد نسيان وضع وسم الإغلاق أحد الأخطاء الشائعة التي يقع بها المبتدئون والتي تؤدي إلى مشاكل مزعجة.
- المحتوى: يُمثِّل هذا المكوِّن محتوى العنصر (في حالتنا نص الفقرة).
- العنصر: هو الكيان ككل المؤلَّف من وسم الفتح، ووسم الإغلاق، ويتوسطه محتواه.
