"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > اليوم - HTML و CSS

اليوم - HTML و CSS

نشر في 2025-04-12
تصفح:471

html:
HTML تقف على لغة ترميز النص المفرط.
HTML هي اللغة القياسية المستخدمة لإنشاء صفحات الويب.
إنه يحدد بنية صفحة الويب باستخدام نظام من العلامات أو العناصر.

CSS:

CSS تعني أوراق نمط متتالية.
يتم استخدامه لتنظيم وتنسيق تصميم صفحة ويب تم إنشاؤها باستخدام HTML.
يتحكم في أشياء مثل الألوان والخطوط والتباعد والمواقع والتصميم المستجيب.
تتيح لك CSS فصل الهيكل (HTML) عن التصميم (الأنماط) ، مما يجعل موقع الويب أسهل في الحفاظ عليه وأكثر مرونة.

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

html:
HTML هي لغة تستند إلى نص تحدد بنية ومعنى محتوى الويب.

Day -HTML ans CSS

علامات قائمة بذاتها:
في HTML ، تشير العلامات المستقلة إلى عناصر HTML التي لا تتطلب علامة إغلاق. ويشار إلى هذه أيضًا باسم العلامات ذاتية الإذاعة أو عناصر باطلة.

مثال:



علامات الهيكل:
عادة ما تأتي العلامات في أزواج: علامة فتح وعلامة إغلاق.

مثال:



عنصر:
العناصر هي لبنات بناء صفحة ويب وتمثل أنواع مختلفة من المحتوى والبنية في المستند.

مكونات عنصر html:

Opening Tag: The starting part of the element that defines the type of content that follows.
    Example:

,

,
, اليوم - HTML و CSS Content: The content placed between the opening and closing tags (if applicable). This could be text, images, links, or other elements. Example: This is a paragraph. Closing Tag: The closing part of the element that indicates the end of the element. It is the same as the opening tag, but with a forward slash (/) before the tag name. Example: , ,
Attributes (Optional): Additional properties that provide extra information about the element. Attributes are added inside the opening tag. Example:>

Example:


    ILUGC



   

Explanation of the HTML Structure:

: Root element of the HTML document.
        : Contains metadata for the page, including the title and styles.
        :Contains the content visible on the page.

    Inside the :
        The  tag gives the webpage its title when viewed in the browser tab.
        The <style> tag contains the internal CSS to style the page.

    Inside the <body>:

        .container:A container div with a class container that holds all the page elements.
            It's styled with a border, height, width, and centered using margin:auto.

        .header: A section that contains the main title (<h1>) and a subtitle (<h4>) about the ILUGC group.
            The h4 tag is styled with uppercase letters, a red color, a border on top, and some padding.

        navbar: This seems to be a placeholder for a navigation bar.

        layout: A section for the main content layout, with two subsections:
            mainLayout: Likely for the main content area.
            sideLayout: Likely for a sidebar or additional content.

        footer: Placeholder for the footer section.

</style>

div:
العنصر عبارة عن حاوية على مستوى الكتلة تستخدم لتجميع عناصر أخرى معًا وتطبيق خصائص التصميم أو التخطيط لهم.

محدد الفئة:

يتم استخدام محدد الفئة لتحديد العناصر التي لها سمة فئة محددة. إنه أحد المحددات الأكثر استخدامًا في CSS. يتم تعريف محدد الفصل بواسطة نقطة (.) تليها اسم الفصل.

بناء الجملة:

.classname {

}

محدد العناصر:

يتم استخدام محدد العنصر (المعروف أيضًا باسم محدد النوع) لتحديد ونمط عناصر HTML استنادًا إلى اسم العلامة. يتيح لك تطبيق الأنماط على جميع مثيلات نوع معين من عنصر HTML في المستند.

بناء الجملة:

element {

}

هامِش:

يتم استخدام خاصية الهامش في CSS لإنشاء مساحة خارج عنصر.

بناء الجملة:

element {
  margin: value;
}

حشوة:

يتم استخدام خاصية الحشو في CSS لإنشاء مساحة داخل عنصر ، بين المحتوى والحدود.

بناء الجملة:

element {
  padding: value;
}
بيان الافراج يتم استنساخ هذه المقالة على: https://dev.to/lakshmipritha/day-30-html-ans-css-3bmn؟1 إذا كان هناك أي انتهاك ، فيرجى الاتصال بـ [email protected] لحذفه.
أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3