Test Blog Post

Heading Level 2 (h2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tristique sapien ac magna dictum, id molestie ipsum feugiat.

Heading Level 3 (h3)

Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.

Heading Level 4 (h4)

Ut id nisl quis enim dignissim sagittis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Heading Level 5 (h5)

Donec odio tempus molestie, porttitor quis, auctor ut, ligula.

Heading Level 6 (h6)

Pharetra augue nec, augue. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo.

Inline Text Elements

This paragraph demonstrates various inline semantic tags. You can make text strong (bold) to indicate importance, or use bold formatting for purely stylistic emphasis. Similarly, you can apply emphasis (italics) or use italic formatting for technical terms or idiomatic phrases.

If you need to show changes in text, you can display deleted text alongside inserted text, or perhaps use strikethrough for things that are no longer accurate. Highlighting text is done via the mark element.

Technical elements include HTML for abbreviations (hover to see the title), Citation Titles for creative works, and inline quotations. For definitions, the definition term tag is used.

Lastly, we have small formatting tools like small print (e.g., copyright text), chemical formulas using subscripts like H₂O, and mathematical notations using superscripts like E = mc². You can also generate a standard hyperlink.

Lists

Unordered List (ul)

• First list item
• Second list item with a longer line to test wrap behavior. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
• Third list item
  • Nested list item level 2
  • Another nested item
    • Nested list item level 3
• Fourth list item

Ordered List (ol)

1. Step number one
2. Step number two
   1. Sub-step alpha
   2. Sub-step beta
3. Step number three

Description List (dl)

Description Term (dt)

Description details (dd) providing the definition or description for the term above.

CSS

Cascading Style Sheets, used to style HTML elements.

Block Content

Blockquote

The only true wisdom is in knowing you know nothing. It is the mark of an educated mind to be able to entertain a thought without accepting it.

— Socrates

Code and Preformatted Text

You can use inline code blocks for simple variables or functions like const user = 'Gemini';.

For multi-line code blocks, wrap a <code> tag inside a <pre> tag:

function greetUser(name) {
    console.log(`Hello, ${name}!`);
    return true;
}
// Call the function
greetUser('World');

Keyboard Input and Samples

To refresh the cache, press Ctrl + F5 on Windows or Cmd + Shift + R on a Mac. The computer will output Success: Cache Cleared.

Tabular Data