HTML Elements Reference: Features and Demonstrations

Posted on Oct 6, 2025 in Computer Engineering

HTML Elements Reference and Features

A complete demonstration of HTML elements and features.

Semantic Elements Text Elements Media Elements Forms Tables Interactive Elements

Semantic HTML Elements

Did You Know?

Semantic HTML elements provide meaning to content, making it more accessible to screen readers and search engines.

Click to expand semantic elements info

Semantic elements like header, nav, main, article, section, aside, and footer help structure content meaningfully.

Text Formatting Elements

This paragraph demonstrates various text formatting options:

Bold text – important content
Italic text – emphasized content
Highlighted text – marked for reference
~~Deleted text~~ and inserted text
Small text for fine print
_Subscript and ^superscript
Inline code for programming terms

First ordered item
Second ordered item
Third ordered item

“The best way to learn HTML is by practicing with real examples.” — Web Development Expert

                        
function greetUser(name) {
    console.log("Hello, " + name + "!");
}

Media Elements

Example image with proper alt text for accessibility Your browser does not support the audio element. Your browser does not support the video tag.

HTML Form Elements

Personal Information Full Name: Email: Phone: Date of Birth: Age: Preferences Country: Select a country United States Canada United Kingdom Experience Level: Favorite Color: Website: Password: Additional Options

Preferred contact method:

Email Phone

Interests:

Web Development Design Mobile Development Upload Resume: Additional Comments: Submit Form Reset Form Custom Action

HTML Table Elements

Sample Data Table
Name	Age	City	Occupation
Total: 3 employees
John Doe	30	New York	Developer
Jane Smith	28	London	Designer
Bob Johnson	35	Toronto	Manager

Interactive HTML Elements

Project Progress: 70% Disk Usage: 60%

This is a dialog box!

Close Open Dialog Your browser does not support the canvas element.

Contact Information

Written by Claude AI
Visit us at: 123 Web Street, Internet City
Phone: (123) 456-7890

⬆️ Back to Top