Text Elements Structure

 Complete Text Elements Structure

A. Alphabets (Letters)

👉 Basic language characters.

Capital Letters (A–Z)

Small Letters (a–z)

Vowels

Consonants

Other Language Letters (Bengali, Greek, etc.)

B. Numbers

👉 Numeric text elements.

Whole Numbers (1, 2, 3)

Decimal Numbers (1.5, 2.75)

Roman Numbers (I, II, III)

Ordinal Numbers (1st, 2nd, 3rd)

Percentage Numbers (10%)

Negative Numbers (-5)

C. Symbols

👉 Meaning-based characters.

Math Symbols (+ − × ÷ =)

Logic Symbols (≠ ≤ ≥)

Currency Symbols ($ ₹ € £)

General Symbols (@ # & %)

Measurement Symbols (° §)

D. Special Characters

👉 Writing and formatting characters.

Punctuation (. , : ; ! ?)

Formatting Characters (space, line break)

Accent Characters (é ñ ü)

Escape Characters

E. Brackets

👉 Grouping characters.

Parentheses ( )

Square Brackets [ ]

Curly Brackets { }

Angle Brackets < >

Special Brackets « »

F. Quotes

👉 Quotation characters.

Single Quotes ‘ ’

Double Quotes “ ”

Apostrophe '

G. Arrows

👉 Direction indicators.

→ ← ↑ ↓

Navigation Arrows

UI Arrows

H. Bullets & List Marks

👉 List indicators.

• Bullet

◦ White Bullet

▪ Square Bullet

I. Emoji

👉 Visual expression characters.

Smileys 😊

People 👤

Animals 🐶

Food 🍎

Activities ⚽

Travel ✈

Objects 💡

Symbols ❤️

J. Icons / Objects

👉 UI and object representations.

Technology Icons 💻

Office Icons 📁

Tools 🔧

Security 🔒

Media 🎬

Medical 💊

Web & App Icons 🌐

Shopping / Cart 🛒

K. Web & UI Elements

👉 Interface control characters.

Menu ☰

Search 🔍

Settings ⚙

Notification 🔔

Share 📤

Upload / Download ⬆ ⬇

L. Whitespace / Layout Elements

👉 Invisible text structure.

Space

Tab

Line Break

Paragraph Break

M. Mathematical & Scientific Elements

👉 Technical notation.

Fractions (½ ¼)

Infinity (∞)

Square Root (√)

Greek Letters (π α β)

N. Diacritics / Accent Marks

👉 Modified letters.

á à â ä

ñ ç ü

Comments

Post a Comment

Popular posts from this blog

বাংলা/हिंदी/English Input Text Reader auto Scroll: select text to start reading

  🔊 বাংলায় শুনুন ✍️ Enter your text (বাংলা/ हिंदी/ English, Limit: 1,500 words): Code: Html: <!-- 📱 Media query --> <style>   @media screen and (max-width: 768px) {     #smartReaderBtn {       right: 5px !important;       top: 170px !important;     }   } </style> <!-- 📝 Input Box & Button --> <div style="font-family: sans-serif; margin: 20px auto; max-width: 700px;">   <div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">     <p id="wordCount" style="color: #555; margin: 0;"></p>     <div id="smartReaderBtn" onclick="toggleSmartReader()" style="align-items: center; background-color: #ff9900; border-radius: 50%; border: 2px solid white; box-shadow: rgba(0,0,0,0.1) 0px 4px 8px; color: white; cursor: pointer; display: flex; padding: 10px; ...
Read more

हिंदी Page Reader auto Scroll: select text to start reading

🔊 हिंदी में सुनिए यह एक उदाहरण अनुच्छेद है। यह वाक्य हिंदी में पढ़ा जाएगा।   Code: Html: <!-- 📱 Media query --> <style>   @media screen and (max-width: 768px) {     #smartReaderBtn {       right: 25px !important;       top: 40px !important;     }   } </style> <!--✅ Speaker Icon Button--> <div id="smartReaderBtn" onclick="toggleSmartReader()" style="align-items: center; background-color: #ff9900; border-radius: 50%; border: 2px solid white; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; color: white; cursor: pointer; display: flex; padding: 10px; position: fixed; right: 100px; top: 80px; z-index: 999;">   <span style="font-size: 24px; margin-right: 5px;">🔊</span>   <span id="smartReaderLabel" style="font-size: 16px;">हिंदी में सुनिए</span> </div> <!--✅ Main Content Area--> <div class="post-body">   <p>यह एक उद...
Read more

বাংলা Page Reader auto Scroll: select text to start reading

🔊 বাংলায় শুনুন এটি একটি নমুনা অনুচ্ছেদ।   Code: Html: <!-- ❌ Top Start --📱 Media query--> <style>   @media screen and (max-width: 768px) {     #smartReaderBtn {       right: 25px !important;       top: 40px !important;     }   } </style> <!--✅ Speaker Icon Button--> <div id="smartReaderBtn" onclick="toggleSmartReader()" style="align-items: center; background-color: #ff9900; border-radius: 50%; border: 2px solid white; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; color: white; cursor: pointer; display: flex; padding: 10px; position: fixed; right: 100px; top: 80px; z-index: 999;">   <span style="font-size: 24px; margin-right: 5px;">🔊</span>   <span id="smartReaderLabel" style="font-size: 16px;">বাংলায় শুনুন</span> </div> <!--✅ Main Content Area--> <div class="post-body"> <p>শুরু করা হচ্ছে!</p> <!-- ❌ Top...
Read more