html emae
HTML
This is a red paragraph.
This is a green, 20-pixel tall paragraph in Arial font.
এটি আমার প্রথম ওয়েবসাইট ।
This is my first learning
This is a paragraph.
Centered paragraph.
This is important text
This is italic text
This is small text
This is very important
This is very important
H2O
102 = 100
This is new text
This is old text
This is highlighted text
Here is a quote:
The future depends on what you do today.
He said Practice makes perfect
Romeo and Juliet is written by Shakespeare.
This text will go right to leftThis is red text
This is red text
This is red text
This text has yellow background
This is yellow background
This is big text
Center text
This is Arial font
| Company | Contact | Country |
|---|---|---|
| Alfreds Futterkiste | Maria Anders | Germany |
| Centro comercial Moctezuma | Francisco Chang | Mexico |
| Company Information | ||
|---|---|---|
| Company | Contact | Country |
| Alfreds Futterkiste | Maria Anders | Germany |
| Anna Smith | Germany | |
| Centro comercial Moctezuma | Francisco Chang | Mexico |
| Product | Price |
|---|---|
| Laptop | $800 |
| Phone | $500 |
This is a paragraph <p> (block element)
This is the main content area inside a div element.
This paragraph is highlighted in red and bold.
This paragraph has blue text.
This paragraph is bold and blue.
This is the main content area with an ID.
Absolute Path Example:
Relative Path (same folder) Example:
Relative Path (subfolder) Example:
Relative Path (parent folder) Example:
This is the main content area using HTML layout techniques.
You can use div, section, aside, header, footer and CSS to structure your page.
This is the main content area. On smaller screens, it will stack above the sidebar.
This is an article inside a section.
Another article inside the same section.
This is an example paragraph following the style guide. Proper spacing and font is used.
Visit Example Website for more info.
| Item | Price |
|---|---|
| Laptop | $800 |
| Phone | $500 |
Use the print("Hello World") command in Python.
$500
Less than symbol: < (<)
Greater than symbol: > (>)
Ampersand symbol: & (&)
© 2026 - All Rights Reserved
Copyright symbol: © (©)
Registered symbol: ® (®)
This text has extra space before it.
Music note: 🎵 or 🎵
Star: 🎺 or 🎶
Smiley: 😀 or 😀
Rocket: 🚀 or 🚀
| Symbol | Entity Name | Entity Number |
|---|---|---|
| < | < | < |
| > | > | > |
| & | & | & |
| © | © | © |
| ® | ® | ® |
Smile Emoji: 😀
Thumbs Up: 👍
Heart: ❤️
Rocket: 🚀
Star: ⭐
Unicode Smiley: 😀
Unicode Rocket: 🚀
This page uses UTF-8 character encoding.
Some special characters:
Using numeric character references:
Accented e: é
Euro symbol: €
Emoji: 😀
Absolute URL: Visit Example.com
Relative URL (same folder): Go to Page.html
Relative URL (subfolder): About Page
Relative URL (parent folder): Contact Page
Email Link: Send Email
Telephone Link: Call Us
Video + Audio + Plug-ins + YouTube
Multimedia means different types of content like sound, music, videos, animations, and images.
| Format | Extension | Description |
|---|---|---|
| MP4 | .mp4 | Most common video format |
| WebM | .webm | Open web video format |
| MP3 | .mp3 | Most common audio format |
| WAV | .wav | Uncompressed audio |
| OGG | .ogg | Open audio/video format |
Web APIs + Geolocation + Drag & Drop + Web Storage + Web Workers + SSE
Web APIs are programming interfaces that extend the functionality of the browser. Examples include:
Click the button to get your current location (requires permission).
Drag the blue box into the drop zone.
Store and retrieve data using localStorage (persists) and sessionStorage (cleared when tab closes).
Stored value:
Stored value:
Web Workers allow running scripts in background without blocking the UI. Click to compute Fibonacci (40) in worker.
Result: Not started
UI is still responsive:
SSE allows server to push messages to the browser. Here we simulate a stream using a Blob and EventSource.
© 2026 - HTML APIs Complete Demo