首页请问有没有html+css+javascript的例子

请问有没有html+css+javascript的例子

时间: 2023-05-29 09:07:46 浏览: 100

这里提供一个简单的HTML、CSS和JavaScript的例子： HTML代码： ``` <!DOCTYPE html> <html> <head> <title>Example</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>Welcome to my Example page!</h1> <p>Click the button below to change the text color:</p> <button onclick="changeTextColor()">Change color</button> <p id="text">This is some example text.</p> <script src="script.js"></script> </body> </html> ``` CSS代码： ``` h1 { font-size: 36px; color: #333; } button { background-color: #4CAF50; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; } p { font-size: 18px; color: #666; } #text { font-size: 24px; color: #333; } ``` JavaScript代码： ``` function changeTextColor() { document.getElementById("text").style.color = "red"; } ``` 这个例子中包含一个标题，一个按钮和一段文字。当用户点击按钮时，JavaScript代码会改变文字的颜色。CSS代码定义了页面的样式，HTML代码将它们组合在一起。

阅读全文