Java Web基础Web前端简介之html+javascript+css
HTML、JavaScript 和 CSS 是构建 Web 前端的三种核心技术。
HTML:
HTML 是用来制作网页的标准标记语言。它被用来结构化信息(包括文字、图片、链接等),并提供网页的内容。
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个段落。</p>
<a href="https://www.example.com">点击这里访问我的主页</a>
</body>
</html>
CSS:
CSS 是用来描述网页样式的语言。通过 CSS,开发者可以控制网页的布局、颜色、字体等外观。
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20px;
}
p {
font-size: 16px;
}
JavaScript:
JavaScript 是一种编程语言,可以用来增强网页的交互性。比如,你可以使用 JavaScript 来创建动态的网页,用户可以与之互动(例如:表单验证、动画、等等)。
function showTime() {
const d = new Date();
const h = d.getHours();
const m = d.getMinutes();
const s = d.getSeconds();
document.getElementById('myClock').innerHTML = `${h}:${m}:${s}`;
}
setInterval(showTime, 1000);
以上代码展示了如何使用 JavaScript 创建一个简单的时钟。这段代码每秒更新一次页面上 id 为 'myClock' 的元素的内容,显示当前时间。
评论已关闭