190 Matching Annotations
  1. Jan 2025
    1. The :first-child pseudo-class matches a specified element that is the first child of another element.

      الـ :first-child هي pseudo-class تُستخدم في CSS لتحديد العنصر الذي يكون الابن الأول لعنصر أب . هذا يعني أنها تطابق العنصر الأول داخل حاوية إذا كان هذا العنصر هو أول طفل لها.

    1. normal flow

      static

    2. relative to the viewport

      نسبي إلى نافذة العرض

    3. djusted

      يتم تعديلها

    4. Other content will not be adjusted to fit into any gap left by the element.

      لن يتم تعديل المحتوى الآخر ليتناسب مع أي فجوة يتركها العنصر.

    1. unusable

      غير صالح للاستخدام

    2. Note: Input restrictions are not foolproof, and JavaScript provides many ways to add illegal input. To safely restrict input, it must also be checked by the receiver (the server)!

      ملاحظة: قيود الإدخال ليست مضمونة، وتوفر JavaScript العديد من الطرق لإضافة إدخال غير قانوني. لتقييد الإدخال بأمان، يجب أيضًا التحقق منه بواسطة المستقبل (الخادم)!

    3. legal number

      الرقم القانوني

    1. The novalidate attribute is a boolean attribute.

      عند إضافة الخاصية novalidate إلى عنصر <form>، يتم تجاوز جميع عمليات التحقق التلقائية التي يقوم بها المتصفح عند إرسال النموذج.

    2. Useful for form submissions where a user wants to bookmark the result

      عند استخدام method="get"، يتم إرسال بيانات النموذج كجزء من عنوان URL . هذا يجعل النتائج قابلة للمرجعة أو الحفظ (bookmarked) بسهولة.

    3. Tip: If the action attribute is omitted, the action is set to the current page.

      إذا لم يتم تحديد الخاصية action في <form>، سيتم إرسال النموذج إلى الصفحة الحالية.

    1. highest priority,

      الأولوية القصوى

    1. The <img> element is used by browsers that do not support the <picture> element, or if none of the <source> tags match.

      يُستخدم عنصر بواسطة المتصفحات التي لا تدعم عنصر <picture>، أو إذا لم يتطابق أي من علامات <source>.

    2. attribute that defines when the image is the most suitable.

      تحدد متى تكون الصورة هي الأكثر ملاءمة.

    1. the web page might flicker while the image loads.

      قد تظهر صفحة الويب بشكل متقطع أثناء تحميل الصورة

    2. When a web page loads, it is the browser, at that moment, that gets the image from a web server and inserts it into the page. Therefore, make sure that the image actually stays in the same spot in relation to the web page, otherwise your visitors will get a broken link icon. The broken link icon and the alt text are shown if the browser cannot find the image.

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

    3. The <img> tag creates a holding space for the referenced image.

      علامة img تُنشئ مساحة مخصصة لعرض الصورة المشار إليها.

    1. background: #ffffff url("img_tree.png") no-repeat right top;

      background-color, background-image, background-repeat, background-attachment, background-position

    2. background: #ffffff url("img_tree.png") no-repeat right top;

      حفظ الترتيب

    1. (will not scroll with the rest of the page):

      قصدو بال fixed رح تضلها ثابتة مكانها

    2. (will not scroll with the rest of the page):

      قصدو بال fixed رح تضلها ثابتة مكانها

    1. exact value is not important

      القيمة الدقيقة ليست مهمة

    2. with no time zone.

      بدون منطقة زمنية.

    1. horizontally center the element within its container.

      auto لجعل المتصفح يوزع هذه المساحة بالتساوي بين الجوانب الأيسر والأيمن، مما يؤدي إلى محاذاة أفقية (Horizontally Centering) للعنصر.

    2. you can set the margins to auto

      باستخدام margin: auto، يتم توزيع المساحة المتبقية على الجانبين الأيمن والأيسر بالتساوي.

    1. hide and show elements without deleting and recreating them.

      إخفاء العناصر وإظهارها دون حذفها وإعادة إنشائها.

    1. Note: Using a percentage as the size unit for a width means how wide will this element be compared to its parent element, which in this case is the <body> element.

      ملاحظة: إن استخدام النسبة المئوية كوحدة حجم للعرض يعني مدى عرض هذا العنصر مقارنة بالعنصر الأصلي، والذي في هذه الحالة هو عنصر body.

    1. pixels/16=em

      اذا بدي احول من em من % نضرب ب 100%

    2. Set Font Size With Em

      إذا كان حجم الخط الأساسي = 16px: 1em = 100% (لأن 1em يعني الحجم الكامل للعنصر الحاوي). 0.5em = 50%. 2em = 200%.

    1. They create a mechanical look.

      إنها تخلق مظهرًا ميكانيكيًا.

    2. create a modern and minimalistic look.

      خلق مظهر عصري وبسيط

    3. create a sense of formality and elegance.

      خلق إحساس بالرسمية والأناقة

    1. Note: Remember that the height and width properties do not include padding, borders, or margins! They set the height/width of the area inside the padding, border, and margin of the element!

      عند استخدام الخصائص height و width. الخصائص height و width تتحكم فقط في المساحة الداخلية (content area) للعنصر،

    1. define the description term

      describing the term of a definition list

    1. What is the highest HEX number of the following:

      القاعدة: كلما ارتفعت الحروف الأبجدية أو الأرقام، زادت القيمة. وبالتالي، الحروف الأبجدية الأقل (مثل A) تعني قيمة أقل، وليس أعلى.

      الخلاصة: كلما ارتفعت قيمة الأحرف أو الأرقام في الكود الست عشري، زادت القيمة العددية.

  2. Dec 2024
    1. containing a specified word.

      الفرق بينها وبين * ال * value اما ال ~ word (كلمة مستقلة, منفصلة)

    2. contains a specified value.

      يعني الvalue لازم تكون محتوى موجود داخل ال value

    3. whose value starts with the specified value.

      معناها start with وبكتب الكلمة الي بدي اعمل للجملة تبعتها style

    4. ends with a specified value.

      معناها end with وبكتب الكلمة الي بدي اعملها style

    1. selects the markers of list items.

      تستخدم لادرج خصائص لل list

    2. portion

      جزء

    3. The ::first-line pseudo-element is used to add a special style to the first line of a text.

      ما بتتطبق على inline element

    1. div ~ p

      جميع عناصر ال p الي بتيجي بعد ال div مباشرة وبتكون ع نفس ال level

    2. iv + p

      عنصر ال p الي اجت مباشرة بعد ال div بستهدف ال p الي بتيجي بعد ال div مباشرة اذا اجى مثلا span وداخه h1 لن يستهدفه

    3. Next Sibling

      الاخ المباشر

    4. Child Combinator (>)

      ابن مباشر

    5. div > p

      يعني استهدفلي ال p بتيجي بعد ال div بشكل مباشر

    1. The input autocomplete attribute specifies whether a form or an input field should have autocomplete on or off.

      يعني لما اكبس ع اي box بال form بعطيني خيارات انا معبياها مسبقا ب form قبل هيك هاد اذا كنت مشغلة خاصية ال on ام ال off توقف هذا الاشي

    2. The short hint is displayed in the input field before the user enters a value.

      لما يكون ال box فاضي

    3. title attribute to describe the pattern to help the user.

      يعني اعطي hint بالاخير

    4. regular expression

      بدنا نشوف ال value هاي بتطابق نمط معين او لا

    5. A read-only input field cannot be modified

      ما بنقدر نعدل القيمة الابتدائية

    1. Tel

      رقم الهاتف

    2. pattern

      يعني القيمة الي بدخلها ال user لازم تطابق نمط معين

    3. Restrictions

      القيود

    4. restrictions

      قيود

    5. Depending on browser support, a color picker can show up in the input field.

      اذا كان ال browser بدعم رح يطلع عنا color picker ويجب ان يكون اللون بال HEX (السادس عشري)

    6. omit the submit button's value attribute,

      اذا احنا اهملنا ال value

    1. If two positioned elements overlap each other without a z-index specified, the element defined last in the HTML code will be shown on top.

      عندما يتداخل عنصران محددان الموضع (positioned elements) مع بعضهما (مثل relative، absolute، fixed، أو sticky) ولم يتم تحديد قيمة z-index لأي منهما، فإن المتصفح يستخدم قاعدة أساسية لتحديد العنصر الذي يظهر فوق الآخر:

      العنصر المُعرّف أخيرًا في كود HTML يظهر في الأعلى: الترتيب الافتراضي للعناصر يعتمد على ترتيبها في كود HTML. العنصر الذي يأتي متأخرًا في الكود (أقرب إلى نهاية المستند) سيظهر أعلى العنصر الذي يسبقه

    2. behind

      خلف

    3. overlap

      تداخل

    1. Setting the top, right, bottom, and left properties of a relatively-positioned element will cause it to be adjusted away from its normal position. Other content will not be adjusted to fit into any gap left by the element.

      يحافظ ع المكان الاصلي للعناصر المجاورة ويتحرك بالنسبة الى نفسه عند تعيين قيم الخصائص top وright وbottom وleft لعنصر تم تحديد موضعه باستخدام position: relative، يتم تعديل موضع العنصر بعيدًا عن موضعه الطبيعي . هذا يعني أن العنصر يتحرك بالنسبة إلى مكانه الأصلي، لكنه يظل يشغل نفس المساحة في التدفق العادي. ملحوظة: عند تحريك العنصر بهذه الطريقة، لن يتم تعديل المحتوى الآخر لملء الفراغ الذي تركه العنصر. بمعنى آخر، المساحة الأصلية التي كان يشغلها العنصر قبل تحريكه تظل محفوظة كما هي.

    2. , depending on the scroll position

      يعني اول اشي ما رح يبين عندي الفرق بس لما انزل بالصفحة لتحت رح يبين

    3. toggles

      تبديلات

    4. a gap

      فراغا

    5. Note: Absolute positioned elements are removed from the normal flow, and can overlap elements.

      ملاحظة: تتم إزالة العناصر ذات الوضع المطلق من التدفق الطبيعي، ويمكن أن تتداخل العناصر.

    6. An element with position: absolute; is positioned relative to the nearest positioned ancestor (instead of positioned relative to the viewport, like fixed).

      يتحرك العنصر بالنسبة الى الشاشة او الى اقرب اب يحتوي على ال position باستثناء ال static

    7. An element with position: static; is not positioned in any special way; it is always positioned according to the normal flow of the page:

      عنصر باستخدام الخاصية position: static; لا يتم وضعه في أي موقع خاص أو مميز؛ حيث يتم تحديد موضعه دائمًا وفقًا للتدفق الطبيعي للصفحة.

    8. static

      الافتراضية

    1. and the remaining space will be split equally between the two margins:

      سيشغل العنصر العرض المحدد، وسيتم تقسيم المساحة المتبقية بالتساوي بين ال margins

    2. Setting the width of a block-level element will prevent it from stretching out to the edges of its container

      سيؤدي ضبط عرض عنصر على مستوى الكتلة إلى منعه من الامتداد إلى حواف الحاوية الخاصة به

    1. The element will be hidden, and the page will be displayed as if the element is not there:

      ما رح يعطي تأثير بانه موجود كانو انحدف عكس visibility:hidden; رح تعطي تأثير ورح يتم اخفاء العنصر وليس حدفه

    2. Sets this property to its default value

      يعيد الخاصية إلى قيمتها الافتراضية.

    3. Makes the container disappear, making the child elements children of the element the next level up in the DOM

      يجعل العنصر يختفي كحاوية، ويعامل أبناءه كما لو كانوا أبناء العنصر الأعلى.

    4. Displays an element as either block or inline, depending on context

      يعتمد عرضه (block أو inline) على السياق.

    5. list-item Let the element behave like a <li> element

      يجعل العنصر يتصرف كعنصر

    6. (عنصر قائمة).

  3. Let the element behave like a <colgroup> element

    يجعل العنصر مثل colgroup لتجميع أعمدة الجدول.

  4. table-caption Let the element behave like a <caption> element

    يجعل العنصر مثل <caption> (عنوان الجدول).

  5. Let the element behave like a <table> element

    يعرض العنصر كجدول مثل <table>.

  6. inline-table The element is displayed as an inline-level table

    يعرض العنصر كجدول ولكنه يظهر كعنصر inline.

  7. inline-grid

    مشابه لـ grid، لكنه يعرض الحاوية كعنصر inline.

  8. Displays an element as a block-level grid container

    يجعل العنصر حاوية Grid Container لتنظيم العناصر على شكل شبكة

  9. inline-flex

    مشابه لـ flex، لكنه يعرض الحاوية كعنصر inline.

  10. formatted

    يعرض

  11. flex

    تُستخدم لتوزيع العناصر بمرونة

  12. stretches out to the left and right as far as it can).

    يمتد إلى اليسار واليمين بقدر ما يستطيع

    1. radius of the circle

      نصف القطر

    2. coordinates

      الاحداثيات

    3. poly - defines a polygonal region

      متعدد الاضلاع

    4. Shape

      الشكل

    5. coords="34,44,270,350"

      الاحداثيات

    6. usemap="#workmap"

      ال usemap بتساوي # مع ال name تبع ال map

    7. you can create clickable areas on an image.

      المناطق القابلة للنقر

    1. disturb

      يزعج

    2. By default, the image is repeated so it covers the entire element.

      بشكل افتراضي، يتم تكرار الصورة بحيث تغطي العنصر بأكمله.

    1. The list attribute of the <input> element, must refer to the id attribute of the <datalist> element.

      عشان اربط بين ال input وال datalist بستخدم ال id ولازم يكونو نفس الاسم

    2. The <datalist> element specifies a list of pre-defined options for an <input> element.

      نفس فكرة ال select

    3. Use the multiple attribute to allow the user to select more than one value:

      اذا بدي اختار اكتر من خيار بضلني ضاغطة ع الماوس مع كبسة ctrl

    4. drop-down list:

      قائمة منفردة

    1. width property visibility property background properties border properties

      الاشياء الي بقدر استخدمها داخل ال colgroup

    1. Hoverable Table

      جدول قابل للتفاعل عند التمرير

    2. Add the border-bottom property to all tr elements to get horizontal dividers:

      يتم استخدام خاصية border-bottom مع العنصر tr (الصفوف) لتطبيق حدود أسفل كل صف.

    3. Horizontal Dividers

      الفواصل الافقية

    4. overlapping

      متداخلة

    5. zebra stripes

      جملة "Zebra Stripes" تعني "خطوط الحمار الوحشي".

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

    1. non-secure data,

      بيانات غير حساسة

    2. Useful for form submissions where a user wants to bookmark the result

      مفيدة اذا بدنا نعبت بيانات ال form وبدو يخزن هاي البيانات يعملها bookmark

    3. in name/value pairs

      زوج

    4. The form-data can be sent as URL variables (with method="get") or as HTTP post transaction (with method="post").

      الفرق بينهم ال get بعطيكي الموقع كامل https://www.w3schools.com/action_page.php?fname=John&lname=Doe زي هيك بضيف الاشياء الي عبيناها بال form

      اما ال post ما بعطيني الموقع كامل https://www.w3schools.com/action_page.php زي هيك

    5. method="get")

      القيمة الافتراضية

    1. action

      القيمة الافتراضية انو ينبعت على نفس الصفحة

    2. form-handler.

      صفحة ال server الصفحة الي رح ارسلها ال form

    3. who have difficulty clicking on very small regions

      للاشخاص كبار السن الي بعانو يضغطو ع الاشياء الصغيرة

    4. checkbox"

      زر ع شكل مربع

    5. "radio">

      زر

    6. <input>

      القيمة الافتراضية عي text

    7. The HTML <input> element is the most used form element.

      القيمة الافتراضية لل input هي text

  • Nov 2024
    1. To avoid having double borders like in the example above, set the CSS border-collapse property to collapse.

      اذا بدي اشيل ال double border بستخدم border collapse

    1. The white-space property specifies how white-space inside an element is handled.

      خاصية white-space تُستخدم لتحديد كيفية التعامل مع الفراغات البيضاء (مثل المسافات الفارغة والأسطر الجديدة) داخل عنصر HTML nowrap: لا يتم لف النص، أي يتم عرضه على سطر واحد فقط بغض النظر عن طوله.

    2. The white-space property specifies how white-space inside an element is handled.

      خاصية white-space تحدد كيفية التعامل مع المسافات الفارغة داخل عنصر معين.

    1. If some properties have been defined for the same selector (element) in different style sheets, the value from the last read style sheet will be used.

      إذا تم تعريف بعض الخصائص لنفس المحدد (العنصر) في أوراق أنماط مختلفة، فسيتم استخدام القيمة من ورقة الأنماط المقروءة الأخيرة.

    2. Tip: An inline style loses many of the advantages of a style sheet (by mixing content with presentation). Use this method sparingly.

      نصيحة: النمط المضمن (inline style) يفقد العديد من المزايا التي توفرها ورقة الأنماط (style sheet) لأنه يخلط بين المحتوى والتنسيق. استخدم هذه الطريقة بشكل محدود.

    1. (opacity).

      العتامة والشفافية

    2. Shades of gray are often defined using equal values for all three parameters:

      لتمثيل درجات اللون الرمادي، يتم استخدام قيم متساوية لجميع المكونات الثلاثة

    3. intensity

      الكثافة

    1. href="https://www.w3schools.com"

      in the start tag

    2. Links to an image that is hosted within the website. Here, the URL does not include the domain name. If the URL begins without a slash, it will be relative to the current page

      المعنى: يشير إلى صورة موجودة ضمن نفس الموقع. هنا يبدأ الرابط بشرطة مائلة /، مما يعني أن الرابط النسبي يبدأ من جذر الموقع.

    3. copyright

      حقوق نشر

    4. Links to an external image that is hosted on another website. Example: src="https://www.w3schools.com/images/img_girl.jpg".

      هذا النوع من الروابط يحتوي على العنوان الكامل للموقع الذي يحتوي على الصورة، بما في ذلك البروتوكول (مثل https). المعنى: يشير إلى رابط خارجي لصورة موجودة على موقع ويب آخر

    5. Attributes are always specified in the start tag

      يتم تحديد السمات دائمًا في علامة البداية

    1. Absolute size: Sets the text to a specified size Does not allow a user to change the text size in all browsers (bad for accessibility reasons) Absolute size is useful when the physical size of the output is known Relative size: Sets the size relative to surrounding elements Allows a user to change the text size in browsers

      Absolute Size (الحجم المطلق): الحجم المطلق يعني تحديد حجم النص بقيمة ثابتة ومحددة. مثال: font-size: 20px; يحدد حجم الخط ليكون ثابتًا 20 بكسل. خصائص الحجم المطلق: Sets the text to a specified size:

      يحدد النص بحجم محدد لا يتغير. هذا الحجم ثابت ولا يعتمد على العناصر الأخرى المحيطة به. Does not allow a user to change the text size in all browsers (bad for accessibility reasons):

      لا يسمح للمستخدم بتغيير حجم النص في جميع المتصفحات، وهذا قد يكون سيئًا من حيث سهولة الوصول، خاصة للأشخاص الذين يعانون من مشاكل في الرؤية ويحتاجون لتكبير النص لسهولة القراءة. Useful when the physical size of the output is known:

      الحجم المطلق يكون مفيدًا عندما تكون الأبعاد الفعلية للعنصر معروفة، مثل الطباعة على ورق أو عند تصميم موقع ثابت. Relative Size (الحجم النسبي):

      الحجم النسبي يعني تحديد حجم النص بناءً على العناصر المحيطة به أو بطريقة تتكيف مع السياق. مثال: font-size: 1.5em; أو font-size: 150%; يحدد حجم النص بناءً على حجم العنصر الأب أو السياق الحالي. خصائص الحجم النسبي: Sets the size relative to surrounding elements:

      يتم تحديد حجم النص نسبياً للعناصر المحيطة، ما يعني أن حجم الخط يتغير بناءً على حجم العناصر الأب، مما يجعل التصميم أكثر تكيُّفًا. Allows a user to change the text size in browsers:

      يسمح للمستخدم بتغيير حجم النص في المتصفحات. هذا الأمر يعد مهمًا لسهولة الوصول، حيث يمكن للمستخدمين تكبير أو تصغير النص حسب احتياجاتهم، خاصة للأشخاص الذين يعانون من ضعف البصر.

    1. oblique - The text is "leaning" (oblique is very similar to italic, but less supported)

      النص يكون "مائلًا" (يشبه الخط المائل italic ولكنه أقل دعمًا).

    1. Then, add a blur effect (5px) to the shadow:

      كل ما زاد الرقم زاد الضباب اكتر

    2. blur

      شىء ضبابي

    3. shadow

      ضل

    1. Used together with the direction property to set or return whether the text should be overridden to support multiple languages in the same document

      unicode-bidi و direction تُستخدمان معًا لدعم تغيير اتجاه النص في العناصر التي تحتوي على لغات متعددة في نفس المستند، وهذا يساعد في جعل النص أكثر وضوحًا وقابلية للفهم، خاصة عند كتابة لغات تختلف في اتجاه الكتابة (مثل العربية والإنجليزية).

    2. The direction and unicode-bidi properties can be used to change the text direction of an element:

      يمكن استخدام خصائص direction و unicode-bidi لتغيير اتجاه النص لعنصر معين.

    3. The text-align-last property specifies how to align the last line of a text.

      كيفية محاذاة السطر الأخير من النص.

    1. Important: High contrast is very important for people with vision problems. So, always ensure that the contrast between the text color and the background color (or background image) is good!

      مهم: التباين العالي مهم جدًا للأشخاص الذين يعانون من مشاكل في الرؤية. لذا، تأكد دائمًا من أن التباين بين لون النص ولون الخلفية (أو صورة الخلفية) جيد!

    1. Note: The margin property also affects the total space that the box will take up on the page, but the margin is not included in the actual size of the box. The box's total width and height stops at the border.

      يعني ال margin لا يدخل في حساب total width and height

    2. transparent

      شفاف

    3. transparent

      شفاف

    1. be ignored

      سيتم تجاهلها

    2. The problem with the <div> above occurs when the browser window is smaller than the width of the element (500px). The browser then adds a horizontal scrollbar to the page.

      عندما يكون عرض نافذة المتصفح أصغر من عرض العنصر (أي أقل من 500px)، فإن العنصر سيتجاوز حجم نافذة المتصفح. في هذه الحالة، سيقوم المتصفح بإضافة شريط تمرير أفقي (horizontal scrollbar) ليتمكن المستخدم من رؤية كامل محتوى العنصر. هذا يمكن أن يجعل تجربة المستخدم غير مريحة عند التعامل مع الشاشات الصغيرة، خاصة عند استخدام أجهزة محمولة أو تصغير نافذة المتصفح.

    1. Top and bottom margins of elements are sometimes collapsed into a single margin that is equal to the largest of the two margins.

      انهيار الهامش يحدث عندما يتواجد هامشان علوي وسفلي (أو هامشان عموديان) لعناصر متجاورة، حيث يتم دمج الهامشين في هامش واحد بدلًا من جمعهما. الهامش النهائي الناتج يكون مساويًا لأكبر الهامشين، وليس مجموعهما.

    2. Collapse

      انهيار

    1. Note: If border-color is not set, it inherits the color of the element.

      ملاحظة: إذا لم يتم تعيين خاصية لون الحدود (border-color)، فستستخدم اللون الخاص بالعنصر نفسه.

    1. separate

      افصل

    2. (select elements based on an attribute or attribute value)

      input[type="text"] { border: 1px solid black; }

    3. select and style a part of an element)

      تُستخدم لاختيار جزء من محتوى العنصر، p::first-line { color: purple; }

    4. select elements based on a certain state)

      تُستخدم لاختيار العناصر بناءً على حالة معينة، a:hover { color: green; }

    5. (select elements based on a specific relationship between them)

      تُستخدم لاختيار العناصر بناءً على علاقة معينة بين العناصر. div > p { color: red; } h1 + p { margin-top: 10px; }

    6. (select elements based on name, id, class)

      p { color: blue; }

    1. HTML was created to describe the content of a web page, like:

      مش ال style

    2. variations

      الاختلافات

    1. HTML also supports description lists.

      dl

    2. (small black circles) by default:

      disc

  • www.w3schools.com www.w3schools.com
    1. The id name must contain at least one character,

      بمعنى آخر، لا يمكنك ترك قيمة id فارغة، كما لا يمكنك استخدام مسافة أو رمز غير معرف كاسم للمعرف.

    1. Tip: With an external style sheet, you can change the look of an entire web site, by changing one file!

      باستخدام ورقة الأنماط الخارجية، يمكنك تغيير مظهر الموقع بالكامل من خلال تعديل ملف واحد فقط

    1. container

      صدنوق

    2. An inline element only takes up as much width as necessary.

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

    3. stretches out to the left and right as far as it can

      يمتد إلى اليسار واليمين بقدر ما يمكن

    1. Shades of gray are often defined using equal values for all three parameters:

      لتمثيل درجات اللون الرمادي، يتم استخدام قيم متساوية لجميع المكونات الثلاثة.

    2. hexadecimal value

      القيمة السداسية العشرية

    1. preformatted text.

      نص منسق مسبقًا.

    2. thematic break

      استراحة موضوعية

    1. Some HTML elements will display correctly, even if you forget the end tag:

      مثل ال P

    1. 1989 Tim Berners-Lee invented www

      الي اكتشف ال html

    2. <head>

      meta information

    3. <html>

      Root

    4. meta information

      معلومات تعريفية