前端基础知识HTML,css,js入门(超详细)
HTML, CSS 和 JavaScript 是构建网页的三大支柱技术,下面是它们的基本介绍和入门示例:
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 使网页具有活力,可以响应用户的操作。
评论已关闭