🌍 20 Ways to Say "Hello World"

1. Basic HTML

Hello World!

<p>Hello World!</p>

2. Using Headings

Hello World!

<h2>Hello World!</h2>

3. Bold Text

Hello World!

<strong>Hello World!</strong>

4. Italic Text

Hello World!

<em>Hello World!</em>

5. Inline CSS

Hello World!

<p style="color: blue;">Hello World!</p>

6. Span with CSS Class

Hello World!

<span class="highlight">Hello World!</span>

7. Using Div

<div style="background-color: #e3f2fd;">Hello World!</div>

8. In a List

• Hello World!

<li>Hello World!</li>

9. As a Link

<a href="#">Hello World!</a>

10. As a Button

<button onclick="alert()">Hello World!</button>

11. Blockquote

Hello World!

<blockquote>Hello World!</blockquote>

12. Pre-formatted

Hello World!

<pre>Hello World!</pre>

13. Small Text

Hello World!

<small>Hello World!</small>

14. Highlighted

Hello World!

<mark>Hello World!</mark>

15. Box with Border

<div class="box">Hello World!</div>

16. CSS Class Styling

Hello World!

<p class="green-text">Hello World!</p>

17. With Emoji

👋 Hello World! 🌍

<p>👋 Hello World! 🌍</p>

18. With Separator

Hello World!

<hr><p>Hello World!</p>

19. Multi-Style Inline

Hello World!

<p style="font-size: 24px; color: purple; ...">Hello World!</p>

20. Generated by JavaScript

<script>document.getElementById('js-hello').innerHTML = 'Hello World!';</script>