Html books mark

Professional HTML Editor

HTML Editor

HTML

CSS

JavaScript

HTML

<!DOCTYPE html>
<html>
<head>
    <title>My Page</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 40px;
            background-color: #f5f5f5;
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        h1 {
            color: #4a6cf7;
        }
        .btn {
            background-color: #4a6cf7;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Welcome to My Page</h1>
        <p>This is a sample HTML page created with the HTML Editor.</p>
        <button class="btn" onclick="showMessage()">Click Me!</button>
        <div id="message" style="margin-top: 20px;"></div>
    </div>
    <script>
        function showMessage() {
            document.getElementById('message').innerHTML = '<h3>Hello! You clicked the button.</h3>';
        }
    </script>
</body>
</html>

/* Additional CSS styles can be added here */
.container h1 {
    border-bottom: 2px solid #4a6cf7;
    padding-bottom: 10px;
}

.btn:hover {
    background-color: #3a5bd9;
    transform: translateY(-2px);
    transition: all 0.2s ease;
}

// Additional JavaScript code can be added here
console.log("HTML Editor is ready!");

// Example function
function changeColor() {
    const colors = ['#4a6cf7', '#28a745', '#dc3545', '#ffc107', '#17a2b8'];
    const randomColor = colors[Math.floor(Math.random() * colors.length)];
    document.querySelector('h1').style.color = randomColor;
}

Preview

Html books mark

Posted by Free apps learning and earnings

Post a Comment

0 Comments

Ruqyah shariah

Featured Post

Html books mark

Source code Formatter

HTML To XML Parser

Sitemap Generator

Meta Tag Generator

Report Abuse

Search This Blog

Disclosure Generator

CURRENCY TOOLS

HEALTH CALC TITLE

HEALTH CALCULATORS

CALCULATORS TITLE

CALCULATOR TOOLS

OTHER TOOL TITLE

OTHER TOOLS

About us Generator

Terms Generator

Disclaimer Generator

Keyword Research

Privacy Generator

Most Powerful Tools

Powerful SEO Tools Helps you in Blogging

Follow Us

Article Re-Writer

Grammer Checker

Footer Copyright

About Us

TEXT EDITOR TOOLS TITLE

VIDEO DOWNLOADER TOOLS

TEXT EDITOR TOOLS

VIDEO DOWNLOADER TITLE

Categories

Tags

Popular Posts

Html books mark

Speech to text

Labels

Footer Menu Widget