❮
Programming Basics SQL HTML CSS JavaScript React Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Linux Learn Typing
❯
الدرس التالي❯ ❮الدرس السابق

HTMLرموز الأشكال الهندسية

طريقة عرض رموز الأشكال الهندسية

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

الأحرف التي نستخدمها لعرض الأشكال الهندسية يمكن وضعها بأسلوب عشري ( Decimal ) أو بأسلوب سداسي عشري ( Hexadecimal )، بالإضافة لأسلوب أصل الإسم ( Entity ) الذي تم توفيره لبعض الرموز لأنه يعتبر أسهل لك حيث أن الأحرف المستخدمة فيه تكون مكونة من أسماء الأشكال الهندسية نفسها.


قاعدة عامة

  • عند استخدام الأسلوب Entity يجب إضافة & قبل وضع أحرف الرمز.
  • عند استخدام الأسلوب Decimal يجب إضافة &# قبل وضع أحرف الرمز.
  • عند استخدام الأسلوب Hexadecimal يجب إضافة &#x قبل وضع أحرف الرمز.

كما أنه يفضّل دائماً وضع فاصلة منقوطة ; بعد كتابة أحرف الرمز و هذا أمر اختياري و لكننا ننصح بفعله.


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

الرمز Decimal Hexadecimal Entity إسمه مثال
■ ■ ■ Black Square جربه
□ □ □ White Square جربه
▢ ▢ ▢ White Square With Rounded Corners جربه
▣ ▣ ▣ White Square Containing Black Small Square جربه
▤ ▤ ▤ Square With Horizontal Fill جربه
▥ ▥ ▥ Square With Vertical Fill جربه
▦ ▦ ▦ Square With Orthogonal Crosshatch Fill جربه
▧ ▧ ▧ Square With Upper Left To Lower Right Fill جربه
▨ ▨ ▨ Square With Upper Right To Lower Left Fill جربه
▩ ▩ ▩ Square With Diagonal Crosshatch Fill جربه
▪ ▪ ▪ Black Small Square جربه
▫ ▫ ▫ White Small Square جربه
▬ ▬ ▬ Black Rectangle جربه
▭ ▭ ▭ White Rectangle جربه
▮ ▮ ▮ Black Vertical Rectangle جربه
▯ ▯ ▯ White Vertical Rectangle جربه
▰ ▰ ▰ Black Parallelogram جربه
▱ ▱ ▱ White Parallelogram جربه
▲ ▲ ▲ Black Up-Pointing Triangle جربه
△ △ △ White Up-Pointing Triangle جربه
▴ ▴ ▴ Black Up-Pointing Small Triangle جربه
▵ ▵ ▵ White Up-Pointing Small Triangle جربه
▶ ▶ ▶ Black Right-Pointing Triangle جربه
▷ ▷ ▷ White Right-Pointing Triangle جربه
▸ ▸ ▸ Black Right-Pointing Small Triangle جربه
▹ ▹ ▹ White Right-Pointing Small Triangle جربه
► ► ► Black Right-Pointing Pointer جربه
▻ ▻ ▻ White Right-Pointing Pointer جربه
▼ ▼ ▼ Black Down-Pointing Triangle جربه
▽ ▽ ▽ White Down-Pointing Triangle جربه
▾ ▾ ▾ Black Down-Pointing Small Triangle جربه
▿ ▿ ▿ White Down-Pointing Small Triangle جربه
◀ ◀ ◀ Black Left-Pointing Triangle جربه
◁ ◁ ◁ White Left-Pointing Triangle جربه
◂ ◂ ◂ Black Left-Pointing Small Triangle جربه
◃ ◃ ◃ White Left-Pointing Small Triangle جربه
◄ ◄ ◄ Black Left-Pointing Pointer جربه
◅ ◅ ◅ White Left-Pointing Pointer جربه
◆ ◆ ◆ Black Diamond جربه
◇ ◇ ◇ White Diamond جربه
◈ ◈ ◈ White Diamond Containing Black Small Diamond جربه
◉ ◉ ◉ Fisheye جربه
◊ ◊ ◊ ◊ Lozenge جربه
○ ○ ○ White Circle جربه
◌ ◌ ◌ Dotted Circle جربه
◍ ◍ ◍ Circle With Vertical Fill جربه
◎ ◎ ◎ Bullseye جربه
● ● ● Black Circle جربه
◐ ◐ ◐ Circle With Left Half Black جربه
◑ ◑ ◑ Circle With Right Half Black جربه
◒ ◒ ◒ Circle With Lower Half Black جربه
◓ ◓ ◓ Circle With Upper Half Black جربه
◔ ◔ ◔ Circle With Upper Right Quadrant Black جربه
◕ ◕ ◕ Circle With All But Upper Left Quadrant Black جربه
◖ ◖ ◖ Left Half Black Circle جربه
◗ ◗ ◗ Right Half Black Circle جربه
◘ ◘ ◘ Inverse Bullet جربه
◙ ◙ ◙ Inverse White Circle جربه
◚ ◚ ◚ Upper Half Inverse White Circle جربه
◛ ◛ ◛ Lower Half Inverse White Circle جربه
◜ ◜ ◜ Upper Left Quadrant Circular Arc جربه
◝ ◝ ◝ Upper Right Quadrant Circular Arc جربه
◞ ◞ ◞ Lower Right Quadrant Circular Arc جربه
◟ ◟ ◟ Lower Left Quadrant Circular Arc جربه
◠ ◠ ◠ Upper Half Circle جربه
◡ ◡ ◡ Lower Half Circle جربه
◢ ◢ ◢ Black Lower Right Triangle جربه
◣ ◣ ◣ Black Lower Left Triangle جربه
◤ ◤ ◤ Black Upper Left Triangle جربه
◥ ◥ ◥ Black Upper Right Triangle جربه
◦ ◦ ◦ White Bullet جربه
◧ ◧ ◧ Square With Left Half Black جربه
◨ ◨ ◨ Square With Right Half Black جربه
◩ ◩ ◩ Square With Upper Left Diagonal Half Black جربه
◪ ◪ ◪ Square With Lower Right Diagonal Half Black جربه
◫ ◫ ◫ White Square With Vertical Bisecting Line جربه
◬ ◬ ◬ White Up-Pointing Triangle With Dot جربه
◭ ◭ ◭ Up-Pointing Triangle With Left Half Black جربه
◮ ◮ ◮ Up-Pointing Triangle With Right Half Black جربه
◯ ◯ ◯ Large Circle جربه
◰ ◰ ◰ White Square With Upper Left Quadrant جربه
◱ ◱ ◱ White Square With Lower Left Quadrant جربه
◲ ◲ ◲ White Square With Lower Right Quadrant جربه
◳ ◳ ◳ White Square With Upper Right Quadrant جربه
◴ ◴ ◴ White Circle With Upper Left Quadrant جربه
◵ ◵ ◵ White Circle With Lower Left Quadrant جربه
◶ ◶ ◶ White Circle With Lower Right Quadrant جربه
◷ ◷ ◷ White Circle With Upper Right Quadrant جربه
◸ ◸ ◸ Upper Left Triangle جربه
◹ ◹ ◹ Upper Right Triangle جربه
◺ ◺ ◺ Lower Left Triangle جربه
◻ ◻ ◻ White Medium Square جربه
◼ ◼ ◼ Black Medium Square جربه
◽ ◽ ◽ White Medium Small Square جربه
◾ ◾ ◾ Black Medium Small Square جربه
◿ ◿ ◿ Lower Right Triangle جربه