دروس برمجة المواقع

ما هي علامة div في HTML وكيفية استخدامها؟

  التعريف بعلامة div في HTML :    ما هي علامة div في HTML وكيفية استخدامها؟ تعد علامة <div> في HTML ، حاوية للعناصر. وهي تشكل جميع العناصر الموجودة داخل علامات  HTML والمحدودة بين <div> و </div> . وهي بذلك تشكل قسماً يُمَكِّنُنا من تطبيق تنسيق محدد عليه . لكن […]

ما هي علامة div في HTML وكيفية استخدامها؟ إقرأ المزيد »

كيفية إنشاء العناوين والفقرات في HTML

كيفية إنشاء العناوين والفقرات في HTML تماشياً مع سياسة SEO لمحتوى الوجبات الخفيفة في كتابة المقالات ونشر المعلومات فإنني أحببت اليوم أن أقتبس عنصرين أساسيان من الدرس الطويل الذي عرضته خلال الدورة التعليمية لكيفية تنظيم و ترتيب النّص ب HTML وهما : إدراج العناوين و تحرير الفقرات بلغة HTML داخل

كيفية إنشاء العناوين والفقرات في HTML إقرأ المزيد »

تعريف HTML و CSS واستخدامهما في ووردبريس

التعريف بمصطلح HTML تعريف HTML و CSS واستخدامهما في ووردبريس HTML هي اللغة المستخدمة لإنشاء صفحات الويب ومحتواها. إنّها المُكون الأساسي لصفحات الويب. HTML هو الاختصار الإنجليزي لـ HyperText Markup Language والذي يعني باللغة العربية « لغة ترميز النصوص التشعبية » تشير “لغة الترميز” إلى استخدام العلامات والأكواد لتحديد محتوى

تعريف HTML و CSS واستخدامهما في ووردبريس إقرأ المزيد »

كيفية تغيير لون علامة HR باستخدام CSS

المقدمة: كيفية تغيير لون علامة HR باستخدام CSS لغة CSS تُبهرنا دائماً بقدرتها على تحسين وتجميل وتزيين وتنسيق محتوى الويب ، سواء كان هذا المحتوى نص مقالة أو عنصر أخر. بالنسبة للخط الفاصل داخل صفحات HTML يمكنك فقط كتابة علامة HR  بهذا الشكل:

وسيتم إنشاء مثل هذا الخط :

كيفية تغيير لون علامة HR باستخدام CSS إقرأ المزيد »

تدوير الصورة بتنسيق HTML

تدوير الصورة بتنسيق HTML قلت لكم في الكثير من الحصص  أنكم ستحبون HTML ، لأنه يُفاجئنا بتأثيراته الباهرة ويُبَسِّطُ لنا تنسيق العناصر حين يتعلق الأمر  بإنشاء صفحاتنا على الويب . اليوم سنتعرف على مزية أخرى من مزايا لغة HTML، إنها الطريقة التقنية لتدوير صورة بتنسيق HTML  في صفحات الويب . 

تدوير الصورة بتنسيق HTML إقرأ المزيد »

كيفية إدراج تاريخ اليوم بتنسيق HTML

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

كيفية إدراج تاريخ اليوم بتنسيق HTML إقرأ المزيد »

كيفية إدراج رابط في زر HTML

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

كيفية إدراج رابط في زر HTML إقرأ المزيد »

كيفية إنشاء زر بواسطة صورة بتنسيق HTML

كيفية إنشاء زر بواسطة صورة بتنسيق HTML في هذا الدرس إن شاء الله، سأعرض الطرق التقنية لتضمين صورة في عنصر <button> في HTML. هذا يعني إدراج أو إدخال صورة معينة داخل زر HTML. ∴ خلال هذا الدرس سنستعمل العلامات التالية: استخدم علامة <img> داخل علامة <button> لإدراج الصورة في زر

كيفية إنشاء زر بواسطة صورة بتنسيق HTML إقرأ المزيد »

كيفية إنشاء زر HTML يعمل كرابط

 كيفية إنشاء زر HTML يعمل كرابط سأتناول في هذه المقالة ثلاث طرق مختلفة لإنشاء زر  جميل بلغة HTML يقوم بوظيفة الرابط التشعبي. سواء كان رابطاً داخلياً، رابطاً خارجياً  أو رابط الارتساء لفقرة داخل نفس الصفحة.  ∴ خلال هذا الدرس سنستعمل العلامات التالية: ° استخدم العلامات : <form> و <a> </a>  لإنشاء

كيفية إنشاء زر HTML يعمل كرابط إقرأ المزيد »

وسم العنوان title ووصف Meta لتحسين SEO

وسم العنوان title ووصف Meta لتحسين SEO كيفية كتابة علامات وصف العنوان والميتا بشكل صحيح لتحسين ظهور موقعك بمحرّكات البحث « SEO »  وسم العنوان title ووصف Meta لتحسين SEO سيكون مفيداً لك لَوْ تعرفتَ على أفضل الممارسات التي يجب الإلتزام بها لكتابة أكواد وعلامات العنوان والوصف التعريفي الأمثل. يُـعَدُّ

وسم العنوان title ووصف Meta لتحسين SEO إقرأ المزيد »

Scroll to Top