前端开发语言概览:从HTML、CSS到JavaScript
HTML、CSS和JavaScript是现代网页和Web应用开发的三大支柱。以下是每种语言的简单介绍和示例代码。
HTML (Hypertext Markup Language)
- 定义网页的结构。
- 示例代码:
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<a href="https://www.example.com">这是一个链接</a>
</body>
</html>
CSS (Cascading Style Sheets)
- 设置网页的样式。
- 示例代码:
body {
background-color: #f0f0f0;
}
h1 {
color: blue;
}
p {
color: green;
}
JavaScript
- 为网页添加交互性。
- 示例代码:
// 改变段落的文本
function changeParagraphText() {
var p = document.querySelector('p');
p.textContent = '段落已更改!';
}
// 当按钮被点击时执行函数
document.querySelector('button').addEventListener('click', changeParagraphText);
HTML、CSS和JavaScript共同构建了现代网页的基础。随着Web技术的发展,新的前端开发语言和框架(如React、Vue、Angular)也不断涌现,但这三种是基础也是根基。
评论已关闭