002-01141087755 info@CodesRoots.com
تصميم مواقع وتطبيقات الموبايل والجوال-HTML-Attributes


HTML-Attributes

لقد رأينا علامات قليلة HTML
 واستخداماتها مثل علامات <h1> تحليل التوجه، <h2>
 و الفقرة علامة <P> وغيرها من العلامات.
 كنا لهم حتى الآن في أبسط أشكالها، ولكن معظم علامات HTML
يمكن أن يكون أيضا الصفات، التي هي قطع إضافية من المعلومات.

يستخدم سمة لتحديد خصائص عنصر HTML
ويتم وضعها داخل علامة فتح للعنصر. كلها مصنوعة سمات تتكون من قسمين:
اسم وقيمة:

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

القيمة هي ما تريد أن يتم تعيين قيمة الممتلكات وضعت دائما في الأسعار.
 يظهر المثال التالي ثلاث قيم ممكنة من السمة محاذاة: اليسار والوسط واليمين.

السمة أسماء وقيم السمات حساسة لحالة الأحرف.
ومع ذلك، اتحاد شبكة الويب العالمية (W3C)
يوصي سمات صغيرة / قيم السمة في توصيتهم HTML 4.

مثال:
 

<!DOCTYPE html>
<html>
<head>
<title>Align Attribute  Example</title>
</head>
<body>
<p align="left">This is left aligned</p>
<p align="center">This is center aligned</p>
<p align="right">This is right aligned</p>
</body>
</html>

Core Attributes

السمات الأربع الأساسية التي يمكن
 استخدامها على معظم عناصر HTML (وإن لم يكن كل) هي:

  • id
  • title
  • class
  • style

    The id Attribute

    السمة معرف علامة HTML يمكن استخدامها لتحديد فريد أي عنصر داخل صفحة HTML.
    هناك نوعان من الأسباب الرئيسية التي قد ترغب في استخدام سمة معرف على عنصر:

     

    إذا كان العنصر يحمل سمة معرف كمعرف فريد من الممكن تحديد فقط هذا العنصر ومضمونه.

     

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

     

    سوف نناقش ورقة النمط في البرنامج التعليمي منفصل. الآن،
     دعونا استخدام خاصية id التمييز بين عنصرين الفقرة كما هو مبين أدناه.

    مثال

    <p id="html">This para explains what is HTML</p>

    <p id="css">This para explains what is
    Cascading Style Sheet</p>

    The title Attribute

    السمة لقب يعطي لقب المقترحة لهذا العنصر. هم بناء الجملة
    من أجل السمة عنوان مشابه كما هو موضح لخاصية id:

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

    مثال

    <!DOCTYPE html>
    <html>
    <head>
    <title>The title Attribute Example</title>
    </head>
    <body>
    <h3 title="Hello HTML!">Titled Heading Tag Example</h3>
    </body>
    </html>
    
    The class Attribute
    

    يتم استخدام سمة فئة ربط عنصر مع ورقة الأسلوب، ويحدد فئة من عنصر.
     سوف تتعلم المزيد عن استخدام سمة الفئة عندما سوف تتعلم ورقة الأنماط المتتالية (CSS).
     حتى الآن يمكنك تجنب ذلك.

    قد تكون قيمة السمة أيضا قائمة مفصولة مساحة من class names. فمثلا:
     

    class="className1 className2 className3"
    
    The style Attribute
    يسمح لك لتحديد ورقة الأنماط المتتالية (CSS) قواعد داخل العناصر
    
    <!DOCTYPE html>
    <html>
    <head>
    <title>The style Attribute</title>
    </head>
    <body>
    <p style="font-family:arial; color:#FF0000;">Some text...</p>
    </body>
    </html>

    في هذه المرحلة من الوقت، ونحن لا تعلم CSS
     وذلك فقط دعونا المضي قدما دون أن يكلف نفسه عناء كثيرا عن CSS
     هنا تحتاج إلى فهم ما هي سمات HTML وكيف يمكن استخدامها في حين تنسيق المحتوى.

    Internationalization Attributes
    هناك ثلاث سمات التدويل، وهي متاحة لمعظم (وإن لم يكن كل) عناصر HTML.
     

  • dir
  • lang
  • xml:lang

    The dir Attribute

    The dir attributeيسمح لك للإشارة إلى مستعرض الاتجاه الذي ينبغي أن تتدفق النص.
    سمة DIR يمكن أن تأخذ واحدة من قيمتين، كما ترون في الجدول التالي:
     

    Value Meaning
    ltr Left to right (the default value)
    rtl Right to left (for languages such as Hebrew or Arabic that are read right to left)
    مثال
    <!DOCTYPE html>
    <html dir="rtl">
    <head>
    <title>Display Directions</title>
    </head>
    <body>
    This is how IE 5 renders right-to-left directed text.
    </body>
    </html>

    The dir attributeيسمح لك للإشارة إلى مستعرض الاتجاه الذي ينبغي أن تتدفق النص.
    سمة DIR يمكن أن تأخذ واحدة من قيمتين، كما ترون في الجدول التالي:

    The lang Attribute

    The lang attribute يسمح لك للإشارة إلى اللغة الرئيسية المستخدمة في وثيقة،
     ولكن أبقى هذه السمة في HTML فقط من أجل التوافق مع الإصدارات السابقة من HTML.
    تم استبدال هذه السمة التي كتبها خاصية xml: لانج في وثائق XHTML جديدة.

    قيم السمة انج هي ISO-639 رموز لغة حرف اثنين القياسية.
     تحقق رموز HTML اللغة: ISO 639 للحصول على قائمة كاملة من الرموز اللغوية.

    مثال

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>English Language Page</title>
    </head>
    <body>
    This page is using English Language
    </body>
    </html>
    
    The xml:lang Attribute
    
    

    خاصية xml: لانج هو استبدال XHTML للسمة لانج.
    وينبغي أن يكون سمة لانج لرمز البلد ISO-639 كما ورد في المقطع السابق: قيمة أكس.

    Generic Attributes
    وفيما يلي جدول بعض الصفات الأخرى التي يمكن استخدامها بسهولة مع العديد من علامات HTML.

    Attribute Options Function
    align right, left, center Horizontally aligns tags
    valign top, middle, bottom Vertically aligns tags within an HTML element.
    bgcolor numeric, hexidecimal, RGB values Places a background color behind an element
    background URL Places a background image behind an element
    id User Defined Names an element for use with Cascading Style Sheets.
    class User Defined Classifies an element for use with Cascading Style Sheets.
    width Numeric Value Specifies the width of tables, images, or table cells.
    height Numeric Value Specifies the height of tables, images, or table cells.
    title User Defined "Pop-up" title of the elements.

     


اعلانات
شركة تصميم مواقع وتطبيقات موبايل اتصل بنا
شركة تصميم مواقع وتطبيقات موبايل اتصل بنا

00966-506999922

متاح واتس اب - فايبر - لاين
شركة تصميم مواقع وتطبيقات موبايل

info@CodesRoots.com