Siksha Sarovar

Siksha Sarovar (sikshasarovar.com) is a free educational web application that helps students in India learn programming and prepare for academic and competitive exams. The platform offers structured coding courses (C, C++, Python, Java, HTML, CSS, PHP, Power BI, AI, Machine Learning, Data Science), complete university curriculum notes for BCA/MCA students with previous year question papers, Class 10 and Class 12 CBSE/HBSE school notes, and dedicated preparation material for SSC, UPSC, Banking, Railway and other government exams. Browsing the site is completely free and requires no account. Users may optionally sign in with Google solely to save their learning progress, quiz scores and personal preferences across devices.

Privacy Policy | Terms of Service | Contact Siksha Sarovar | About Siksha Sarovar

v4.0.9 · PWA
Siksha Sarovar logo
Siksha Sarovar
Your Learning Universe

Siksha Sarovar is a free e-learning platform for coding courses, BCA university notes and competitive exam preparation. Optional Google sign-in saves your learning progress across devices.

Initializing knowledge base…
Compiling modules 0%

10. Semantic Formatting

Lesson 10 of 30 in the free HTML notes on Siksha Sarovar, written by Rohit Jangra.

Difference Between Visual and Semantic

  • Visual tags (<b>, <i>) only change the look.
  • Semantic tags (<strong>, <em>) describe the meaning (semantics) of the text to the browser and the developer.

Key Semantic Tags

1. Strong Importance <strong>

  • Function: Defines text with strong importance.
  • Visual: Typically displayed as bold.
  • Semantic: Screen readers will announce this text with extra stress or deeper tone.
  • Usage: Warnings, serious notes.

2. Emphasized Text <em>

  • Function: Defines emphasized text.
  • Visual: Typically displayed as italic.
  • Semantic: Screen readers change voice inflection to emphasize the word.
  • Usage: Stressing a specific word ("I love HTML").

3. Preformatted Text <pre>

  • Function: Tells the browser to display text exactly as written in the HTML source.
  • Behavior: Preserves both spaces and line breaks.
  • Font: Usually displayed in a fixed-width (monospaced) font like Courier.
  • Usage: To display code snippets or poetry.
<pre>
    Line   1
      Line   2 (Indented)
</pre>