Welcome to My Webpage<\/h1>\n

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

\n

This is another paragraph inside a div.<\/p>\n <\/div>\n<\/body>\n<\/html><\/pre>

The advantage of HTML is its simplicity and ease of learning, but its limitation is that it cannot directly control the appearance and behavior of a web page.<\/p>

CSS: Appearance designer<\/h3>

CSS controls the style of the web page through selectors and properties. For example, color<\/code> attribute can set text color, background-color<\/code> can set background color, margin<\/code> and padding<\/code> can control the spacing of elements, etc. The purpose of CSS is to make web pages beautiful and easy to read.<\/p>

 body {\n    font-family: Arial, sans-serif;\n    background-color: #f0f0f0;\n}\n\nh1 {\n    color: #333;\n}\n\np {\n    color: #666;\n    margin-bottom: 20px;\n}\n\ndiv {\n    background-color: #fff;\n    padding: 20px;\n    border-radius: 5px;\n}<\/pre>
 The advantage of CSS is its flexibility and maintainability, but its limitation is that it cannot achieve dynamic effects and user interaction.<\/p>
 JavaScript: The behavioral controller<\/h3>
 JavaScript controls the behavior of web pages through scripts. For example, JavaScript can respond to user click events, dynamically change web page content, perform form verification, etc. The role of JavaScript is to make web pages dynamic and interactive.<\/p>
 document.addEventListener('DOMContentLoaded', function() {\n    var button = document.createElement('button');\n    button.textContent = 'Click me!';\n    button.addEventListener('click', function() {\n        alert('Button clicked!');\n    });\n    document.body.appendChild(button);\n});<\/pre>
 The advantage of JavaScript is its powerful functionality and flexibility, but its limitations lie in its complexity and potential performance issues.<\/p>
 Example of usage<\/h2>
 Basic usage of HTML<\/h3>
 The basic usage of HTML is to define the structure and content of a web page through tags. For example, the 
<\/code> tag is used for the title, the 
<\/code> tag is used for the paragraph, 
<\/code> tag is used for the layout, etc.<\/p>
 \n\n\n