<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML to JS Example</title> <style> .highlight { background-color: yellow; } #mainHeading { font-size: 24px; } h2 { color: blue; } p { font-size: 12px; } </style> </head> <body> <h1 id="mainHeading">Hello World!</h1> <p class="highlight">This is a highlighted paragraph.</p> <div class="container"> <h2>Some Content</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </body> </html>