html、css、javascript快速入门
HTML、CSS和JavaScript是网页开发的三大支柱,以下是每种语言的简单入门示例:
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: blue;
}
p {
color: green;
}
JavaScript:
function showMessage() {
alert('你好,欢迎访问!');
}
window.onload = function() {
var btn = document.getElementById('myButton');
btn.onclick = showMessage;
};
在HTML文件中,你可以通过<style>
标签引入CSS,或者使用<link>
标签链接外部CSS文件。同样,你可以在<script>
标签中写入JavaScript代码,或者链接外部JavaScript文件。上面的JavaScript示例假设你的HTML中有一个按钮:
<button id="myButton">点击我</button>
点击这个按钮时,会弹出一个带有消息的对话框。
评论已关闭