إعلان
دورة تطوير التطبيقات باستخدام لغة JavaScript في هذه الدورة ستتعلم لغة جافا سكريبت, استخدام مكتبة React.js, بناء API الموقع بواسطة Node.js, تطوير تطبيق جوال باستخدام React Native, و في نهاية الدورة ستتعلم تطوير تطبيق محادثة شبيه بتطبيق WhatsApp. تعلم الآن
دورة تطوير واجهات المستخدم في هذه الدورة ستتعلم لغة HTML و لغة CSS و لغة JavaScript. من ناحية التطبيق العملي ستتعلم طريقة بناء واجهة متجر إلكتروني مكون من ست صفحات, تحويل خمسة تصاميم PSD إلى صفحات ويب, بناء واجهة مستخدم تشبه موقع يوتيوب, بناء لوحة تحكم إحترافية. تعلم الآن
تطوير تطبيقات باستخدام لغة بايثون في هذه الدورة ستتعلم أساسيات البرمجة بلغة بايثون وصولاً إلى التعامل مع أشهر أطر العمل (Flask و Django) و ستتعلم كيف تبني متجر إلكتروني يمكن للمستخدمين البيع و الشراء من خلاله. تعلم الآن
دورة تطوير تطبيقات الويب باستخدام لغة PHP في هذه الدورة ستتعلم لغة PHP من الصفر, استخدام إطار العمل Laravel بشرح مفصّل و عملي, كيفية تطوير شبكة اجتماعية تشبه Instagram, بناء API لتطبيق جوال وفق أسلوب RESTful, تطوير موقع إعلانات مبوبة, تطوير نظام إدارة محتوى CMS كامل. تعلم الآن
دورة تطوير تطبيقات الويب باستخدام لغة Ruby في هذه الدورة ستتعلم البرمجة بلغة Ruby إنطلاقاً من أبسط المفاهيم وحتى بناء تطبيق حقيقي, إستخدام إطار العمل Ruby on Rails بشرح مفصّل و عملي, بناء تطبيق حقيقي عبارة عن شبكة اجتماعية تشبه تويتر, تطوير مجتمع الكتروني يشبه حسوب I/O. تعلم الآن
دورة علوم الحاسوب هذه الدورة معدة لتكون مدخل لعلوم الحاسوب و لغات البرمجة حيث ستتعرف فيها على أنظمة التشغيل و ستتعمق في نظام لينكس و في كيفية التعامل معه من خلال موجه الأوامر, بالإضافة إلى قواعد البيانات و أساسيات الشبكات و الخوادم و مبادئ الحماية والأمان في الويب. تعلم الآن

    HTML الإقتباسات

    مفهوم الإقتباس

    النص المقتبس ( Quoted text ) يقصد به أن النص الموضوع في الصفحة تم نقله عن أحد ما و وضعه كما هو في الصفحة.
    النص المقتبس في العادة يتم عرضه بشكل مختلف قليلاً عن باقي النص الموجود في الصفحة بهدف إظهاره بشكل أفضل.

    في HTML يوجد العديد من الوسوم الجاهزة التي يمكن استخدامها لعرض الإقتباسات و هي ما سنتعرف عليها في هذا الدرس.

    عرض النص المقتبس بداخل بلوك

    إذا أردت العرض النص مقتبس على سطر منفرد مع عرض هامش حوله من كل الجهات, يمكنك وضع النص بداخل <blockquote> </blockquote>.


    معلومة تقنية

    إذا كان الإقتباس الموضوع في الصفحة مأخوذ من موقع آخر, قم بذكر رابط الموقع الذي نسخت الإقتباس منه بداخل الخاصية cite التي يملكها الوسم <blockquote> لأن هذا الأمر سيجعل الموقع المقتبس منه ذو أهمية أكثر بالنسبة لمحركات البحث و بالتالي تكون تفيد الموقع الذي نسخت الإقتباس منه.


    في المثال التالي قمنا بعرض إقتباس باستخدام <blockquote> بدون ذكر الموقع الذي جلبنا الإقتباس منه.

    المثال الأول

    <blockquote>
    In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped 
    ENQUIRE, a system for CERN researchers to use and share documents. In 1989, Berners-Lee 
    wrote a memo proposing an Internet-based hypertext system.
    </blockquote>
    		

    جرب الكود



    في المثال التالي قمنا بعرض إقتباس باستخدام <blockquote> مع ذكر الموقع الذي جلبنا الإقتباس منه.

    المثال الثاني

    <blockquote cite="https://en.wikipedia.org/wiki/HTML">
    In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped 
    ENQUIRE, a system for CERN researchers to use and share documents. In 1989, Berners-Lee 
    wrote a memo proposing an Internet-based hypertext system.
    </blockquote>
    		

    جرب الكود

    عرض النص المقتبس بين " "

    إذا أردت عرض النص المقتبس بين " " يمكنك وضعه بداخل <q> </q>.


    معلومة تقنية

    سبب إستخدام الوسم <q> </q> بدل كتابة " " بشكل مباشر هو أنه يمكن تخصيص طريقة عرض الوسم بواسطة كود CSS.
    عندها سيتم تطبيق التصميم الذي نريد على كل نص مقتبس موضوع بين <q> </q>.


    في المثال التالي قمنا بعرض النص المقتبس باستخدام <q> حتى يتم عرضه بين " ".

    المثال الأول

    <p>My teacher said: <q>HTML is not a programming language</q></p>
    		

    جرب الكود



    في المثال التالي قمنا بتخصيص طريقة ظهور النص المقتبس باستخدام <q> بواسطة كود CSS حتى يظهر دائماً بلون أحمر.
    ملاحظة: لا تشغل بالك بالكود المكتوب بلغة CSS لأنك ستفهمه بكل سهولة حين تتعلم CSS.

    المثال الثاني

    <!DOCTYPE html>
    <html>
        <head>
            <!-- أحمر q يقوم بجعل لون النص الموضوع بداخل أي وسم CSS هذا كود -->
            <style>
                q { color: red }  
            </style>
        </head>
        <body>
            <!-- سيتم عرضه بين " " و باللون الأحمر <q> أي كلام موضوع بداخل الوسم -->
            <p>My teacher said: <q>HTML is not a programming language</q>
            and he also said that <q>It's very easy to learn</q></p>
        </body>
    </html>
    		

    جرب الكود

    وضع إسم مختصر بدل الإسم الكامل

    في البداية ما نقصده بإسم مختصر ( Abbreviation ) هو أنك على سبيل المثال تستطيع عرض كلمة واحدة مثل HTML و عند تمرير الفأرة فوقها يقوم المتصفح بإظهار الإسم الكامل Hyper Text Markup Language الذي هو اختصار لهذه الكلمة.

    الآن, إذا أردت وضع إسم مختصر فيمكنك وضعه بداخل <abbr> </abbr>.


    في المثال التالي قمنا بعرض إسم مختصر مع إظهار الجملة التي هو اختصار لها باستخدام <abbr title="">.

    مثال

    <p><abbr title="Hyper Text Markup Language">HTML</abbr> is used to create web pages.</p>
    		

    جرب الكود

    عرض معلومات الوصول و التواصل

    إذا أردت عرض معلومات الوصول أو التواصل فيمكنك وضع النص بداخل <address> </address> و عندها سيعرضها المتصفح على سطر جديد و بشكل مائل.


    معلومة

    • معلومات الوصول كأن يضع الشخص موقعه الجغرافي مثال: "مكتب سالم المصري, شارع الإصلاح, مبنى السلام, الطابق الثاني".
    • معلومات التواصل كأن يضع الشخص رقم هاتفه, بريده الإلكتروني, صندوق البريد إلخ.. مثال: "هاتف: 061584984   إيميل: info@harmash.com".

    في المثال التالي قمنا بعرض معلومات الوصول لمكان صاحب الموقع باستخدام <address>.

    مثال

    <address>9645 Al-islah street, Tripoli, 1300 - Lebanon</address>
    		

    جرب الكود

    إبراز عنوان العمل

    في حال أردت إبراز عنوان الشيء المهم الذي يتم عرضه يمكنك وضعه بداخل <cite> </cite>.
    عند وضع النص بداخل <cite> </cite> فإن المتصفح في العادة يعرضه بشكل مائل.


    في المثال التالي قمنا بإبراز عنوان الكتاب الذي تم ذكر الحديث منه باستخدام <cite>.

    مثال

    <p><cite>Riyadh-as-Saliheen</cite> by Imam Al-Nawawi, volume 1, hadith number 134</p>
    		

    جرب الكود

    إعلان

    Eqla3Tech.com

    شروحات مكتوبة حول لغات البرمجة و تقنية المعلومات باللغة العربية مقدمة من إقلاع تك.

    لغة جافا لغة ++C قواعد البيانات نظام ويندوز نظام لينكس الشبكات تقنية المعلومات الأمن السيبراني

    الدورات

    أدوات مساعدة

    الأقسام

    دورات
    مقالات أسئلة مشاريع كتب