دروس لغة HTML

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

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

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

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

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

تعريف HTML و 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 إقرأ المزيد »

إنشاء قوائم نقطية ومرقمة بألوان مختلفة في الووردبريس

المقدمـة: إنشاء قوائم نقطية ومرقمة بألوان مختلفة في الووردبريس هل سبق لك أن رغبت في عمل قائمة تكون فيها الشرائح والأرقام ملونة بلون مختلف عن لون النص ، كما في هذا المثال؟ ∴ هنا تتعلم تلويل قرص القائمة ♦ هنا تتعلم تلوين دائرة القائمة ∴ هنا تتعلم تلوين مربع القائمة 

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

إنشاء القوائم ب: HTML

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

إنشاء القوائم ب: HTML إقرأ المزيد »

Scroll to Top