الدرس الثامن HTML :- عناصر الاقتباس Quotation elements

الدرس السابع HTML :- عناصر الاقتباس Quotation elements

ما هي عناصر الاقتباس:-

هي عبارة عن عناصر توضع في عناصر النصوص وتعني ما بداخلها مأخوذ من مصدر اخر.

عنصر <q>

هو عنصر يوضع بين وسوم عناصر النصوص(بداخلها) ويعني ان ما بداخله مأخوذ من مصدر أخر وهو نص قصير وعند تجريبه علي المتصفح يظهر بين علامتين تنصيص

تكتب هكذا

مثال :-

انا اريد أن أكتب شئ مأخوذ من مصدر رسمي أو هكذا.فنحن سنعطي مثال عن القضية الشائعة الأيام هذه . فنقول مثلاً في خط عادي ---> "فيروس كورونا المستجد"

ولكن كيف تطبيق ذلك اتبعوا المثال التالي:-

_____________________________________________________________________________

<!DOCTYPE html>

<html>

<body>

<q>فيروس كورونا المستجد</q>وزارة الصحة المصرية

</body>

</html>
_____________________________________________________________________________
الناتج

شرح

<q></q>

**هو مجرد عنصر يكتب بداخله كلام مأخوذ من مصدر وعند تجريبه علي المتصفح تظهر حوليه علامتين تنصيص.

**يكتب في عناصر النصوص

الجملة الظاهرة	وسم النهاية لعنصر نص	جملة غير مقتبسة	وسم نهاية عنصر الاقتباس	الجملة المقتبسة	وسم البداية لعنصر الاقتباس	جملة غير مقتبسة	وسم البداية لعنصر نص
Sentence "Sentence" Sentence	</h1>	sentence	</q>	Sentence1	<q>	sentence	<h1>

عنصر <blockquote>

هو عنصر ويعني أن بداخلها مأخوذ من مصدر ويكون النص كبير مع إضافة موقع المصدر

تكتب هكذا

مثال :-

انا اريد أن أكتب شئ مأخوذ من مصدر رسمي أو هكذا.فنحن سنعطي مثال عن القضية الشائعة الأيام هذه مع إضافة موقع Programmingandinformation.blogspot.com . فنقول مثلاً في خط عادي ---> "شرح html وبايثون وحل مشاكل الكمبيوتر والالعاب وكل اخبار التكنولوجيا في موقع البرمجة والمعلومات "

**ملاحظة :- لا تكتب في عناصر النصوص

ولكن كيف تطبيق ذلك اتبعوا المثال التالي:-

_____________________________________________________________________________

<!DOCTYPE html>

<html>

<body>

<blockquote cite="Programmingandinformation.blogspot.com">

شرح python html و تحميل العاب وبرامج واخر اخبار التكنولوجيا

</blockquote>

</body>

</html>
_____________________________________________________________________________
الناتج

شرح

<blockquote cite="link">word</blockquote>

**هو مجرد عنصر يكتب بداخله كلام مأخوذ من مصدر وعند تجريبه علي المتصفح تضاف مسافات بادئة أي مسافات في بداية كل سطر من الكلام ويتم إضافة الموقع ولكن لا يظهر في المتصفح(موقع المصدر)
اضف الموقع محل link والكلام المأخوذ محل word
ملاحظة:-تتذكرون أن السمات تكتب في وسم البداية من العنصر أيضاً تطبق علي هذا العنصر

**يكتب في عناصر النصوص في وسم البداية

وسم النهاية	الكلام مأخوذ	نكملة وسم البداية	سمة موقع	وسم البداية
<blocquote>		<	""=cite	blckquote>

عنصر <abbr>

هو عنصراختصار مهم لمحركات البحث

تكتب هكذا

<abbr title="name">Word</abbr>etc..
الاختصار تكتبه محل name
وكلمة محل الاختصار تكتب بدل word
وتكملة الكلام محل etc...
ملاحظة:

مثال :-

انا أريد مثلاُ قولت اسم الصحة العالمية قالت ذا وذا وفبدل أن اكتب اسم مجدااً يمكن كتابة الاسم محل name والذي قامت به محل word طبعاً انا ذكرتلك حالة من حالات استخدمها.

**ملاحظة :- تكتب في عناصر النصوص

ولكن كيف تطبيق ذلك اتبعوا المثال التالي:-

_____________________________________________________________________________

<!DOCTYPE html>

<html>

<body>

The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.

</body>

</html>

_____________________________________________________________________________
الناتج

شرح

<abbr>

**هو مجرد عنصر اختصار لبعض الكلمات يعد مهم لمحركات البحث اذا مررت بالموس علي الكلمة المختصرة سيعيطيك الكلمة الاصلية اللي كانت محل name

وسم النهاية لعنصر النص	تكملة الكلام	وسم النهاية ل appr	كلمة محل الاختصار	تكملة وسم appr	سمة title	وسم البداية ل appr	وسم البداية لعنصر نص
</p>		</app>	who	>	title=""	<appr	<p>

عنصر <address>

هو عنصر يوجد به معلومات كالإسم والسن إلخ
<address> </address>

المعلومات تكتب بداخلها المعلومات .وبين كل معلومة ومعلومة

ملاحظة:لا تكتب في عناصر النصوص

مثال :-

انا أريد أكتب معلومات عن نفسي

ولكن كيف تطبيق ذلك اتبعوا المثال التالي:-

_____________________________________________________________________________

<!DOCTYPE html>

<html>

<body>

Name:Morqos Emad

Blog:Programmingandinforamation.blospot.com

</address>

</body>

</html>

_____________________________________________________________________________
الناتج

شرح

<address>

**هو مجرد عنصر يكتب بداخله معلومات وتفصل بين معلومة ومعلومة

**المعلومات تظهر كنص عادي أي ليس كبير ويكون مائل

عنصر <cite>

هو عنصر يعبر عن عنوان العمل يكتب داخل عناصر النصوص
 </cite>

ملاحظة:تكتب في عناصر النصوص لكن ليست في وسم البداية

مثال :-

أنا عامل عمل وهو مدونتي programmingandinformation أريد أن اكتبها وانسبها إلي نفسي

ولكن كيف تطبيق ذلك اتبعوا المثال التالي:-

_____________________________________________________________________________

<!DOCTYPE html>

<html>

<body>

by me

</body>

</html>

_____________________________________________________________________________
الناتج

شرح

<cite>

**هي عنصر يكتب داخل عناصر النصوص تظهر في المتصفحات تظهر بخط مائل

التركيب:

مكان الثلاث نجوم كلام عادي ومحل نجمتين عنوان العمل

عنصر <bdo>

هو عنصر تأتي معه سمة dir وهي سمة تغير كتابة النص من اليمين الي اليسار أو اليسار إلي اليمين (في الحروف) يعني مثلاً كلمة programming الحروف مكتوبة من اليسار الي اليمين فعند تحويلها الي اليمين الي اليسار تصبح gnimmargorp

مثال :-

كلمة programming and information سنحولها من اليمين الي اليسار

ولكن كيف تطبيق ذلك اتبعوا المثال التالي:-

_____________________________________________________________________________

<!DOCTYPE html>

<html>

<body>

<bdo dir="rtl">programming and information</bdo>

</body>

</html>

_____________________________________________________________________________
الناتج

شرح

<bdo>

**هو عنصر داخله سمة dir وهي اتجاه الحروف لتحويل الحروف من اليمين الي اليسار نجعل قيمتها rtl حيث تكتب

dir=rtl

وللتحويل من اليسار الي اليمين

dir=ltr

حيث أن

حرف l هو left ويعني يسار , حرف t هو to يعني الي حرف r هو right ويعني يمين

التركيب:

مكان الثلاث نجوم كلام سيحول من اليمين الي اليسار أو العكس

الدرس التاسع

شرح html