JavaWeb笔记整理——HTML、CSS、JavaScript

作者：System 时间：2024年08月23日分类：所有,css 字数：955

HTML、CSS和JavaScript是构建Web页面的基础技术。以下是一些简单的示例代码。

HTML示例代码：




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>示例页面</title>
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p>这是一个段落。</p>
</body>
</html>

CSS示例代码：




body {
    background-color: #f0f0f0;
}
 
h1 {
    color: #333333;
    font-size: 24px;
}
 
p {
    color: #555555;
    font-size: 16px;
}

JavaScript示例代码：




function showMessage() {
    alert('欢迎访问！');
}
 
window.onload = function() {
    var btn = document.getElementById('myButton');
    btn.onclick = showMessage;
};

在HTML文件中引入CSS和JavaScript：




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>示例页面</title>
    <link rel="stylesheet" href="styles.css">
    <script src="script.js"></script>
</head>
<body>
    <!-- 页面内容 -->
</body>
</html>

以上代码演示了如何在HTML文件中引入外部的CSS和JavaScript文件，以及如何使用JavaScript对页面元素进行交互操作。

JavaWeb笔记整理——HTML、CSS、JavaScript

评论已关闭

推荐阅读