Welcome to My Website<\/h1>\n

This is a paragraph of text.<\/p>\n

\n

Section Title<\/h2>\n

More content here.<\/p>\n <\/div>\n<\/body>\n<\/html><\/pre>

CSS: Beautify the appearance of a web page<\/h3>

CSS is responsible for the style and layout of the web page, which can change the color, size, position, etc. of the element. With CSS, you can make your web page look more professional and beautiful. CSS' selector system allows you to accurately control the style of each element.<\/p>

 body {\n    font-family: Arial, sans-serif;\n    background-color: #f0f0f0;\n}\n\nh1 {\n    color: #333;\n    text-align: center;\n}\n\ndiv {\n    background-color: #fff;\n    padding: 20px;\n    margin: 20px;\n    border-radius: 5px;\n}<\/pre>
 JavaScript: Give web pages life<\/h3>
 JavaScript allows web pages to interact with users, and it can respond to user operations and dynamically change the content and style of web pages. The power of JavaScript is its flexibility and a wide range of application scenarios. From simple form verification to complex single-page applications, JavaScript is competent.<\/p>
 document.addEventListener('DOMContentLoaded', function() {\n    const button = document.querySelector('button');\n    button.addEventListener('click', function() {\n        alert('Button clicked!');\n    });\n});<\/pre>
 Example of usage<\/h2>
 Basic usage<\/h3>
 Let's start with a simple example showing how to create a basic web page using HTML, CSS, and JavaScript. This example includes a title, a paragraph, and a button, and a prompt box will pop up when the button is clicked.<\/p>
 \n\n\n    \n    \n