تم إضافة الأكواد المختصرة لوظائف مختلفة

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

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

الجدول (متجاوب مع الأجهزة المحمولة)

الجداول في هذا القالب مصممة لدعم التفاعل مع الأجهزة المحمولة، على سبيل المثال إذا تجاوز عدد الأعمدة أو عرض الجدول عرض دقة الشاشة، فلن يظهر مشوهًا، وسيتوفر الجدول على وظيفة التمرير تلقائيًا.

يرجى فتح هذه المقالة على جهازك المحمول والتمرير إلى قسم الجدول:

الرقم	الاسم الكامل	المنصب	المكتب	الراتب
1	أنجيليكا راموس	المدير التنفيذي	سان فرانسيسكو	$162,700
2	بريندن فاجنر	مهندس برمجيات	لوس أنجلوس	$1,200,000
3	قيصر فانس	مساعد مبيعات	سان أنطونيو	$372,000
4	دونا سنيدر	قائد فريق	كولورادو سبرينغز	$433,060

اقتباس

قبل أن تنتقد شخصًا، يجب أن تمشي ميلاً في حذائه. بهذه الطريقة عندما تنتقده، تكون بعيدًا عنه بميل ولديك حذاؤه.

— جاك هاندي

ملاحظة للمستخدمين

من خلال هذا المربع يمكنك مشاركة أي رسالة مهمة أو أخبار أو تحديث مع مستخدمي مدونتك.

تحذير!
هذا مربع آخر يمكن من خلاله مشاركة أي تحذير أو تحديث عاجل مع مستخدمي مدونتك.

قائمة التبديل

عنوان القائمة الأولى

إبكوت هو متنزه في منتجع عالم ديزني، يضم معالم جذب مثيرة، أجنحة دولية، ألعاب نارية حائزة على جوائز، وفعاليات خاصة موسمية.

عنوان القائمة الثانية

عنوان القائمة الثالثة

عنوان القائمة الرابعة (البديل)

علامات تبويب متعددة داخل منطقة المنشورات

يُستخدم هذا التنسيق لكتابة HTML أو CSS أو JavaScript أو أي كود داخل منطقة المنشور، وعادةً ما يُستخدم لمدونات ذات طابع برمجي أو دروس التدوين.

إليك مثال على شكله:

<!DOCTYPE html>
<html dir='ltr' lang='ar'>
  <head>
    <title>صفحة عينة</title>
  </head>

  <!--[ <body> فتح ]-->
  <body>
    <p>المحتوى هنا!</p>
  </body>
  <!--[ </body> إغلاق ]-->
</html>

/* CSS القياسي */
::selection {color: #fff; background: var(--linkC)}
*, ::after, ::before {-webkit-box-sizing: border-box; box-sizing: border-box}
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: 700; font-family: var(--fontH); color: var(--headC)}
    h1 {font-size: 1.9rem}
    h2 {font-size: 1.7rem}
    h3 {font-size: 1.5rem}
    h4 {font-size: 1.4rem}
    h5 {font-size: 1.3rem}
    h6 {font-size: 1.2rem}
    a {color: var(--linkC); text-decoration: none}
    a:hover {opacity: .9; transition: opacity .1s}