القائمة الرئيسية

الصفحات

 

في هذا الفصل سنتناول عناصر HTML <blockquote> و <q> و <abbr> و <address> و <cite> و <bdo>.


مثال

HTML <blockquote> للاقتباسات


يحدد عنصر HTML <blockquote> قسمًا مقتبسًا من مصدر آخر.


عادة ما تقوم المتصفحات بوضع مسافة بادئة لعناصر <blockquote>.


مثال

HTML <q> للاقتباسات القصيرة


تحدد علامة HTML <q> اقتباسًا قصيرًا.


تقوم المستعرضات عادةً بإدراج علامات الاقتباس حول الاقتباس.

HTML <abbr> للاختصارات


تحدد علامة HTML <abbr> اختصارًا أو اختصارًا ، مثل "HTML" و "CSS" و "Mr." و "Dr." و "ASAP" و "ATM".


يمكن أن تعطي علامات الاختصارات معلومات مفيدة للمتصفحات وأنظمة الترجمة ومحركات البحث.


نصيحة: استخدم سمة العنوان العام لإظهار وصف الاختصار / الاختصار عند تحريك الماوس فوق العنصر.


مثال

اقتباس HTML وعناصر الاقتباس


❮ السابق التالي ❯


في هذا الفصل سنتناول عناصر HTML <blockquote> و <q> و <abbr> و <address> و <cite> و <bdo>.


مثال


هنا اقتباس من موقع WWF:


منذ ما يقرب من 60 عامًا ، ظل الصندوق العالمي للطبيعة يحمي مستقبل الطبيعة. منظمة الحفظ العالمية الرائدة في العالم ، تعمل WWF في 100 دولة ويدعمها أكثر من مليون عضو في الولايات المتحدة وما يقرب من خمسة ملايين على مستوى العالم.


جربها بنفسك "


HTML <blockquote> للاقتباسات


يحدد عنصر HTML <blockquote> قسمًا مقتبسًا من مصدر آخر.


عادة ما تقوم المتصفحات بوضع مسافة بادئة لعناصر <blockquote>.


مثال


<p> هنا اقتباس من موقع WWF: </p>

<blockquote cite = "http://www.worldwildlife.org/who/index.html">

على مدار 50 عامًا ، ظل الصندوق العالمي للطبيعة يحمي مستقبل الطبيعة.

منظمة الحفظ الرائدة في العالم ،

تعمل WWF في 100 دولة وتدعمها

1.2 مليون عضو في الولايات المتحدة و

ما يقرب من 5 ملايين على مستوى العالم.

</blockquote>


جربها بنفسك "


HTML <q> للاقتباسات القصيرة


تحدد علامة HTML <q> اقتباسًا قصيرًا.


تقوم المستعرضات عادةً بإدراج علامات الاقتباس حول الاقتباس.


مثال


<p> هدف الصندوق العالمي للطبيعة هو: <q> بناء مستقبل يعيش فيه الناس في وئام مع الطبيعة. </ q> </p>


جربها بنفسك "


الإعلانات


HTML <abbr> للاختصارات


تحدد علامة HTML <abbr> اختصارًا أو اختصارًا ، مثل "HTML" و "CSS" و "Mr." و "Dr." و "ASAP" و "ATM".


يمكن أن تعطي علامات الاختصارات معلومات مفيدة للمتصفحات وأنظمة الترجمة ومحركات البحث.


نصيحة: استخدم سمة العنوان العام لإظهار وصف الاختصار / الاختصار عند تحريك الماوس فوق العنصر.


مثال


<p> تأسست <abbr title = "World Health Organization"> WHO </abbr> في عام 1948. </p>


جربها بنفسك "


<العنوان> لمعلومات الاتصال


تحدد علامة <address> HTML معلومات الاتصال لمؤلف / مالك مستند أو مقالة.


يمكن أن تكون معلومات الاتصال عبارة عن عنوان بريد إلكتروني ، وعنوان URL ، وعنوان فعلي ، ورقم هاتف ، ومعالج وسائط اجتماعية ، إلخ


عادةً ما يتم عرض النص الموجود في عنصر <address> بخط مائل ، وستضيف المتصفحات دائمًا فاصل أسطر قبل وبعد عنصر <address>.


مثال

HTML <cite> لعنوان العمل


تحدد علامة HTML <cite> عنوان العمل الإبداعي (على سبيل المثال ، كتاب ، قصيدة ، أغنية ، فيلم ، لوحة ، تمثال ، إلخ).


ملاحظة: اسم الشخص ليس عنوان عمل.


عادةً ما يتم عرض النص الموجود في العنصر <cite> بخط مائل.


مثال

HTML <bdo> لتجاوز ثنائي الاتجاه


BDO تعني تجاوز ثنائي الاتجاه.


تُستخدم علامة HTML <bdo> لتجاوز اتجاه النص الحالي:


مثال

وهذا كل شيء نراكم في درس جديد..

هل اعجبك الموضوع :

تعليقات